/* ═══════════════════════════════════════════════════════════
   Tomurcuk — landing
   Tek akşamın sayfası: alacakaranlık → ritüel → gece → lamba ışığı
   Tokens: DESIGN-TOKENS.md + Tasarim Dokumani.dc.html
   ═══════════════════════════════════════════════════════════ */

:root {
  /* mürekkep & maviler */
  --ink: #2E4A63;
  --arduvaz: #35566F;
  --arduvaz-soluk: #5B7F9E;
  --gece: #1C3145;
  --gece-yuzey: #22405E;

  /* buz & mint */
  --buz: #C5E2E6;
  --buz-acik: #E4F1F4;
  --buz-zemin: #DEEFF2;
  --ekran: #EDF4F6;
  --kanvas: #DCEBF0;

  /* sıcaklar */
  --krem: #F2ECD6;
  --amber: #F2B66D;
  --filiz: #5FB53E;

  /* gece aksanı */
  --gok-cyan: #74D0E8;
  --gok-derin: #14506B;

  /* gece bölümleri (Gökyüzü, dost, footer) — metin paleti.
     Bu değerler önceden CSS'e dağılmış literallerdi; tek yerde toplandı,
     hex'ler birebir korundu. Telefon replikalarında KULLANILMAZ. */
  --gok-etiket: #9FD0E3;      /* koyu bölüm eyebrow/etiketi (mat cyan) */
  --gok-metin: #CFE9F3;       /* koyu bölüm kart/açıklama gövdesi (en açık) */
  --gece-metin: #C4D9E2;      /* koyu bölüm alt başlık gövdesi */
  --gece-metin-mat: #A8C4D4;  /* footer & premium gövde (mat mavi) */
  --gece-kunye: #7195AA;      /* footer başlığı & künye (en sönük) */

  /* nötr — --kisik metin için koyulaştırıldı (4.5:1 / #EDF4F6); #5E7A8E ve
     #7A93A6 uygulama ekran replikalarının içinde aynen kalır */
  --kisik: #56707F;
  --soluk: #7A93A6;
  --soluk-metin: #5B7488;
  --tohum-krem: #F2E4BB; /* tohum parası (14a K rozeti) */
  --pasif: #A5BECC;
  --kenar: #D8E7EB;
  --kenar-acik: #E2EEF1;

  /* gölge — hep rgba(46,74,99,…) */
  --golge-kart: 0 2px 10px rgba(46,74,99,.05);
  --golge-yuzen: 0 18px 44px rgba(46,74,99,.12);
  --golge-buton: 0 14px 30px rgba(46,74,99,.2);

  /* 1a ekranının meshi; masaüstü hero tuvali için koyu bölge aşağı uzatıldı
     (metin kontrastı) — telefon oranındaki orijinal duraklar DESIGN-NOTES.md'de */
  --mesh: linear-gradient(178deg, #31506E 0%, #55799B 46%, #6387A6 62%, #9FC3D4 86%, #C5E2E6 100%);
  --gece-mesh: linear-gradient(178deg, #22405E 0%, #31506E 52%, #4A7291 100%);

  --font: 'Schibsted Grotesk', system-ui, sans-serif;
  --mono: ui-monospace, Menlo, monospace;

  --ease-out: cubic-bezier(.16, 1, .3, 1); /* expo-out */
  --radius-kart: 24px;
}