/**
 * Gastfood — Tasarım Token'ları
 *
 * Değerler iOS ve Android uygulamalarından çıkarıldı. İki platformda da
 * doğrulanan değerler "onaylı" olarak işaretli; sadece tek platformda olanlar
 * veya web için yeni türetilenler ayrıca not düşüldü.
 *
 * Kaynak: gastfood-ios/Helpers/GFColors.swift, gastfood-android/res/values/colors.xml
 */

:root {
    /* ---------- Renk: zemin ve yüzey ---------- */
    /* #F7F3EB iki platformda da ana zemin — marka rengi. */
    --bg:              #F7F3EB;
    /* Masaüstü gezinme çubuğunun TAM yüksekliği (72px içerik +
       1px alt kenarlık). Harita bunun altından başlıyor; sabit
       sayı yazılsaydı çubuk büyüdüğünde harita sessizce
       altına girerdi. */
    --desknav-h:       73px;
    /* Aynı rengin bileşenleri: saydamlıklı geçişler için.
       `transparent` siyaha eşdeğer olduğu için gradyanlarda gri
       bant üretiyor; zeminle aynı renkten %0 alfa üretmek şart. */
    --bg-rgb:          247 243 235;
    --surface:         #FFFFFF;   /* tüm kartlar beyaz */
    --surface-muted:   #F8F9FA;   /* yumuşak gri kart (Google yorum kartı) */
    --surface-alt:     #F5F5F5;   /* ikincil buton zemini */

    /* ---------- Renk: metin ---------- */
    --ink:             #000000;   /* başlık */
    --ink-strong:      #191817;   /* neredeyse siyah — buton zemini de bu */
    --ink-strong-rgb:  25 24 23;  /* saydamlıklı kullanım (rozet zemini) */
    --ink-soft:        #4E4E4E;   /* yardımcı metin */
    --ink-dim:         #535353;   /* kart alt satırları: puan, adres, kullanıcı */
    --ink-faint:       #999999;   /* tarih, en silik meta */
    --ink-label:       #777E90;   /* form alanı üst etiketi */

    /* ---------- Renk: marka ---------- */
    /* DİKKAT: Turuncu birincil aksiyon rengi DEĞİL. Sadece vurgu/rozet/favori/
       harita seçimi için. Birincil CTA siyahtır — her iki uygulamada da böyle. */
    --accent:          #FF9900;
    --accent-warm:     #F7A600;   /* favori kalbi, bildirim rozeti */
    --accent-soft:     #FBF3E3;   /* açık krem vurgu dairesi */

    /* ---------- Renk: durum ---------- */
    --open:            #008D41;   /* şu anda açık */
    --closed:          #831818;   /* şu anda kapalı */
    --success-bg:      #EAFBE3;
    --danger-bg:       #FBE3E3;
    --pending-bg:      #FBF3E3;
    --danger:          #FF3B30;   /* yıkıcı aksiyon (çıkış yap) */

    /* ---------- Renk: kenarlık ---------- */
    /* Uygulamalarda 0.5dp hairline; web'de 1px'e yuvarlandı (bazı tarayıcılarda
       0.5px kayboluyor). Görsel ağırlığı dengelemek için renk biraz açıldı. */
    --line:            #E6E2DA;
    --line-input:      #C8C8C8;
    --line-search:     #EBEBEB;

    /* ---------- Tipografi ---------- */
    /* Plus Jakarta Sans marka fontu (Android'de uygulanmış, iOS'ta eksik kalmış).
       Web'de marka fontu baz alınıyor; yüklenemezse sistem fontuna düşer. */
    --font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --fs-2xs:  10px;
    --fs-xs:   11px;
    --fs-sm:   12px;
    --fs-base: 14px;
    --fs-md:   15px;
    --fs-lg:   16px;
    --fs-xl:   18px;
    --fs-2xl:  24px;
    --fs-3xl:  32px;

    --fw-light:    300;
    --fw-normal:   400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     700;
    --fw-extra:    800;

    /* ---------- Boşluk (4px ritim) ---------- */
    --sp-1:  4px;
    --sp-2:  8px;
    --sp-3:  12px;
    --sp-4:  16px;
    --sp-5:  20px;
    --sp-6:  24px;
    --sp-8:  32px;
    --sp-10: 40px;
    --sp-12: 48px;

    /* ---------- Köşe yarıçapı ---------- */
    /* 12px hakim değer — kartlar, görseller, rozetler. */
    --r-sm:   8px;
    --r:      12px;
    --r-md:   14px;
    --r-lg:   24px;   /* bottom sheet üst köşeleri */
    --r-pill: 999px;

    /* ---------- Gölge ---------- */
    /* Uygulamalarda kartlar GÖLGESİZ (elevation 0) — ayrım kenarlıkla sağlanıyor.
       iOS tab bar gölgesi çok güçlü (44pt blur); web için yumuşatıldı. */
    --shadow-none: none;
    --shadow-nav:  0 -2px 12px rgba(0, 0, 0, 0.06);
    --shadow-pop:  0 8px 32px rgba(0, 0, 0, 0.12);
    --overlay:     rgba(0, 0, 0, 0.3);

    /* ---------- Ölçüler ---------- */
    --nav-h:      64px;   /* alt tab bar (uygulamada 70dp) */
    --topbar-h:   56px;
    --tap:        44px;   /* minimum dokunma hedefi */
    --container:  1200px;

    /* ---------- Hareket ---------- */
    --t-fast:  150ms;
    --t:       250ms;
    --t-slow:  300ms;     /* uygulamadaki sayfa geçişi süresi */
    --ease:    cubic-bezier(0.16, 1, 0.3, 1);
}

/* Karanlık mod: uygulamalarda YOK (iOS açıkça Light'a sabitlenmiş).
   Web'de de kapalı tutuluyor — palet sıfırdan türetilmeden açılmamalı. */

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}