/* ==========================================================================
   Yemək Evi — tasarım token'ları (tek kaynak)
   Açık tema :root'ta, koyu tema [data-theme="dark"] altında.
   Native uygulamada bu iki blok Light / Dark renk şemasına birebir taşınır.
   ========================================================================== */
:root {
  /* Sabitler (iki temada aynı) */
  --primary: #C01717;            /* Ana buton, aktif durum. Ekranda tek kırmızı aksiyon */
  --primary-pressed: #9E1212;
  --on-primary: #FFFFFF;
  --accent-terra: #E0552B;
  --accent-paprika: #C9341A;
  --accent-saffron: #F5B935;
  --accent-green: #2E6B3E;
  --accent-beige: #F7E9D4;

  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Bricolage YE', 'Geologica', sans-serif;

  --r-xs: 8px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-full: 999px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* Hareket (bkz. MOTION.md) */
  --ease-ios: cubic-bezier(.32,.72,0,1);   /* ekran geçişi, sheet, kart girişi */
  --ease-shake: cubic-bezier(.36,.07,.19,.97);
  --dur-screen: 460ms;
  --dur-sheet: 300ms;
  --dur-fast: 200ms;

  /* Tema renkleri: AÇIK */
  --bg: #FFFFFF;  /* Ekran zemini */
  --text: #211A14;  /* Ana metin */
  --text-2: #6A5C4E;  /* İkincil metin */
  --input: #F5EFE7;  /* Input / PIN dolgusu */
  --link: #C01717;  /* Link ve hata metni */
  --success: #2E6B3E;  /* Başarı */
  --surface: #FFFFFF;  /* Kart, sheet yüzeyi */
  --border: #EADBC4;  /* Ayraç, kart çizgisi */
  --text-3: #7D6E5E;  /* Placeholder, pasif */
  --ok-bg: #E3EFE5;  /* Başarı rozeti zemini */
  --ok-text: #2E6B3E;  /* Başarı rozeti metni */
  --warn-bg: #FCEFCB;  /* Uyarı zemini */
  --warn-text: #6B4E06;  /* Uyarı metni */
  --sheet-shadow: 0 -12px 40px rgba(33,26,20,.14);  /* Alt sheet gölgesi (koyuda yok) */
  --disabled-bg: #EFE6DA;  /* Pasif buton zemini */
  --disabled-text: #9C8D7C;  /* Pasif buton metni */
  --subtle: #FCF6EC;  /* Bölüm zemini */
  --chip: #FFFFFF;  /* Chip zemini */
  --scrim: rgba(33,26,20,.45);  /* Sheet arkası karartma */
  --tint: rgba(192,23,23,.08);  /* Kırmızı açık vurgu */
  --bar: rgba(255,255,255,.94);  /* Alt bar yarı saydam zemin */
  --soft: #FCF6EC;  /* Yumuşak kart zemini */
  --tab-on: #C01717;  /* Alt menü aktif sekme */
  --tab-pill: rgba(192,23,23,.1);  /* Alt menü aktif hap */
  --bg-transparent: rgba(255,255,255,0);  /* Zeminin saydam hali (geçiş için) */
  --nav: #211A14;  /* Yüzen alt menü zemini */
  --nav-shadow: 0 18px 40px -14px rgba(33,26,20,.55);  /* Yüzen alt menü gölgesi */
  --ok-tile: rgba(46,107,62,.12);  /* Başarı karo zemini */
  --paper: #FFFFFF;  /* Çek / makbuz kağıdı */
  --panel: #FCF6EC;  /* Panel zemini */
  --err-bg: #FBE3E1;  /* Hata kutusu zemini */
  --skeleton-1: #EEE4D7;  /* Yükleniyor iskeleti */
  --skeleton-2: #F8F2EA;  /* Yükleniyor iskeleti (parıltı) */
  --card-2: rgba(255,255,255,.75);
  --line: #EADBC4;
  --map-land: #F1EDE6;  /* Harita zemini */
  --map-attribution: rgba(33,26,20,.6);  /* Harita telif yazısı */
  --progress-track: rgba(247,233,212,.22);  /* Sipariş ilerleme şeridi */
  --and-tint: rgba(192,23,23,.1);
  --splash-glow: radial-gradient(circle, rgba(255,255,255,.10), rgba(255,255,255,0) 65%);  /* Splash ışıltısı */
  --splash-dot-on: #FFFFFF;  /* Splash aktif nokta */
  --splash-dot-off: rgba(255,255,255,.4);  /* Splash pasif nokta */
  --splash-tagline: rgba(255,255,255,.9);  /* Splash slogan */
  --and-ongoing-bg: #EFE6DA;
  --components-link: #C01717;
  --reg-type-tint: rgba(192,23,23,.05);
}

[data-theme="dark"] {
  /* Tema renkleri: KOYU */
  --bg: #15110D;  /* Ekran zemini */
  --text: #F7E9D4;  /* Ana metin */
  --text-2: #BFAE98;  /* İkincil metin */
  --input: #2B231C;  /* Input / PIN dolgusu */
  --link: #E8473F;  /* Link ve hata metni */
  --success: #6DBE84;  /* Başarı */
  --surface: #211A14;  /* Kart, sheet yüzeyi */
  --border: #3A3028;  /* Ayraç, kart çizgisi */
  --text-3: #9A8A76;  /* Placeholder, pasif */
  --ok-bg: rgba(109,190,132,.16);  /* Başarı rozeti zemini */
  --ok-text: #8FD3A2;  /* Başarı rozeti metni */
  --warn-bg: rgba(242,193,78,.16);  /* Uyarı zemini */
  --warn-text: #F2C14E;  /* Uyarı metni */
  --sheet-shadow: none;  /* Alt sheet gölgesi (koyuda yok) */
  --disabled-bg: #2B231C;  /* Pasif buton zemini */
  --disabled-text: #6E604F;  /* Pasif buton metni */
  --subtle: #1B1611;  /* Bölüm zemini */
  --chip: #3A3028;  /* Chip zemini */
  --scrim: rgba(0,0,0,.62);  /* Sheet arkası karartma */
  --tint: rgba(242,100,92,.16);  /* Kırmızı açık vurgu */
  --bar: rgba(27,22,17,.94);  /* Alt bar yarı saydam zemin */
  --soft: #2B231C;  /* Yumuşak kart zemini */
  --tab-on: #F2645C;  /* Alt menü aktif sekme */
  --tab-pill: rgba(242,100,92,.18);  /* Alt menü aktif hap */
  --bg-transparent: rgba(21,17,13,0);  /* Zeminin saydam hali (geçiş için) */
  --nav: #2B231C;  /* Yüzen alt menü zemini */
  --nav-shadow: inset 0 0 0 1px rgba(247,233,212,.08), 0 18px 40px -14px rgba(0,0,0,.8);  /* Yüzen alt menü gölgesi */
  --ok-tile: rgba(143,211,162,.16);  /* Başarı karo zemini */
  --paper: #2B231C;  /* Çek / makbuz kağıdı */
  --panel: #EFE2CC;  /* Panel zemini */
  --err-bg: rgba(232,71,63,.16);  /* Hata kutusu zemini */
  --skeleton-1: #231C16;  /* Yükleniyor iskeleti */
  --skeleton-2: #332920;  /* Yükleniyor iskeleti (parıltı) */
  --card-2: #211A14;
  --line: #4A3E33;
  --map-land: #181410;  /* Harita zemini */
  --map-attribution: rgba(247,233,212,.6);  /* Harita telif yazısı */
  --progress-track: rgba(33,26,20,.18);  /* Sipariş ilerleme şeridi */
  --and-tint: rgba(242,100,92,.16);
  --splash-glow: radial-gradient(circle, rgba(192,23,23,.28), rgba(192,23,23,0) 65%);  /* Splash ışıltısı */
  --splash-dot-on: #C01717;  /* Splash aktif nokta */
  --splash-dot-off: rgba(247,233,212,.25);  /* Splash pasif nokta */
  --splash-tagline: #BFAE98;  /* Splash slogan */
  --and-ongoing-bg: #0E0B08;
  --components-link: #F7E9D4;
  --reg-type-tint: rgba(242,100,92,.12);
}
