/**
 * themes/ala/assets/css/tokens.css
 * Kasap Mehmet Design System — Katman 1: Design Tokens
 *
 * Bu dosya tüm CSS değerlerinin TEK kaynağıdır. Hiçbir bileşen dosyasında
 * hard-coded renk/spacing/radius kullanılmaz — hepsi buradaki değişkenlere referans verir.
 *
 * v1.6.1 RENK PALETİ — 3. VE SON REVİZYON: Kahverengi/bordo-ağırlıklı restoran
 * paleti TAMAMEN kaldırıldı ("kesinlikle restoran/kahverengi ağırlıklı görünmemeli"
 * talebi gereği). Yerine talep edilen TAM hex kodlarıyla premium kasap/e-ticaret
 * kırmızısı paleti getirildi. Semantik değişken ADLARI yine DEĞİŞMEDİ.
 *
 * Ölçülen WCAG kontrast oranları (bu revizyonda YENİDEN hesaplandı):
 *   - Primary Red (#B40012) + beyaz metin   = 7.12:1   (AA geçer)
 *   - Light Red (#D71920) + beyaz metin     = 5.19:1   (AA geçer)
 *   - Deep Red (#70000C) + beyaz metin      = 12.39:1  (AA geçer)
 *   - Dark Text (#171717) + beyaz zemin     = 17.93:1  (AA geçer)
 *   - Dark Text (#171717) + Soft BG         = 16.81:1  (AA geçer)
 *   - Muted Text (#666666) + beyaz zemin    = 5.74:1   (AA geçer)
 *   - Primary Red + Soft BG (#FAF7F5)       = 6.68:1   (AA geçer)
 */

:root{
    /* ---------- Renk Token'ları (v1.6.1: Kasap Mehmet kırmızı paleti) ---------- */
    --color-primary:        #B40012;   /* Primary Red — header zemini, ana vurgu */
    --color-primary-dark:   #8F0010;   /* Dark Red — hover state */
    --color-secondary:      #70000C;   /* Deep Red — footer zemini (ARTIK KAHVERENGİ DEĞİL) */
    /* "Canlı/Light Red" — butonlar/fiyatlar/badge'ler/CTA için Primary'den daha canlı. */
    --color-red-vivid:       #D71920;
    --color-red-vivid-dark:  #70000C;  /* Deep Red — hover state */
    --color-accent:         #8F0010;   /* metin-dışı ince vurgular */
    --color-tint:           #FBEAEA;   /* çok açık kırmızı zemin/rozet */
    --color-gold:           #B8860B;   /* nadiren, yalnızca ince vurgu için */

    --color-background:     #FFFFFF;   /* White */
    --color-surface:        #FAF7F5;   /* Soft Background */
    --color-surface-dark:   #F1EAE6;   /* Soft Background'ın biraz koyusu */

    --color-text:           #171717;   /* Dark Text */
    --color-text-muted:     #666666;   /* Muted Text */
    --color-text-on-dark:   #FFFFFF;

    --color-border:         #E7E1DE;   /* Border */
    --color-border-strong:  #D8CFC9;

    --color-success:        #2F6B3A;
    --color-warning:        #9A6B1F;
    --color-error:          #70000C;

    /* ---------- Tipografi ---------- */
    /* Google Fonts YOK — performans ve FOUT/CLS riskini sıfırlamak için sistem font stack. */
    --font-heading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    --fs-h1: clamp(2.25rem, 1.8rem + 2vw, 3.75rem);
    --fs-h2: clamp(1.75rem, 1.5rem + 1.2vw, 2.75rem);
    --fs-h3: clamp(1.375rem, 1.25rem + 0.6vw, 1.75rem);
    --fs-body: 1rem;
    --fs-caption: 0.8125rem;
    --fs-small: 0.75rem;

    --lh-heading: 1.15;
    --lh-body: 1.6;

    --ls-heading: -0.01em;
    --ls-caption: 0.04em;

    /* ---------- Spacing (4px taban) ---------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;
    --space-32: 128px;

    /* ---------- Radius ---------- */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 999px;

    /* ---------- Gölge (3 seviye, navy tonlu — markaya sadık) ---------- */
    /* v1.5.1: rgba(8,59,115) eski lacivertti (#083B73) — yeni Koyu Kahverengi
       (#3D2817 = rgb(61,40,23)) ile değiştirildi. Palet değişikliği sırasında
       gözden kaçan bir kalıntıydı (hard-coded RGB, --color-secondary'ye referans
       vermediği için otomatik güncellenmemişti). */
    /* v1.6.1: Gölgeler artık NÖTR (saf siyah, düşük opaklık) — palet renginden
       bağımsız. Önceki iki revizyonda gölgeler her palet değişikliğinde unutulup
       eski renkte kalmıştı (lacivert, sonra kahverengi) — bu, sorunu kalıcı olarak
       ortadan kaldırır: gelecekte palet tekrar değişse bile gölgeler asla "kalıntı"
       olmayacak, hiçbir güncelleme gerektirmeyecek. */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.10), 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.14), 0 4px 10px rgba(0, 0, 0, 0.08);

    /* ---------- Container / Grid ---------- */
    --container-max: 1200px;
    --container-padding: var(--space-5);

    /* ---------- Geçiş / Animasyon süreleri ---------- */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;

    /* ---------- Header ---------- */
    --header-height: 76px;
}