/**
 * themes/ala/assets/css/tokens.css
 * ÂLÂ 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.
 *
 * NOT (erişilebilirlik): --color-hover ve --color-success değerleri, marka paletindeki
 * orijinal tonlardan kasıtlı olarak koyulaştırılmıştır. Ölçülen WCAG kontrast oranları:
 *   - Orijinal hover (#2D8CFF) + beyaz metin  = 3.33:1  (AA metin eşiği: 4.5:1 — GEÇMİYOR)
 *   - Düzeltilmiş hover (#083B73/navy) + beyaz = 11.15:1 (GEÇİYOR)
 *   - Orijinal success (#1E8E4A) + beyaz metin = 4.18:1  (GEÇMİYOR)
 *   - Düzeltilmiş success (#167C41) + beyaz    = 5.26:1  (GEÇİYOR)
 * Bu nedenle buton hover state'i --color-secondary (navy) kullanır; --color-hover
 * yalnızca ince çizgi/ikon gibi metin-dışı vurgularda kullanılmalıdır.
 */

:root{
    /* ---------- Renk Token'ları ---------- */
    --color-primary:        #0D5EA8;
    --color-primary-dark:   #083B73;
    --color-secondary:      #083B73;
    --color-accent:         #2D8CFF;   /* yalnızca metin-dışı ince vurgular için, bkz. not */
    --color-tint:           #DCEFFF;   /* açık mavi zemin/rozet */
    /* v1.1: Navbar hover için altın vurgu — navy zemin üzerinde ölçülmüş kontrast 4.65:1 (AA geçer) */
    --color-gold:           #C9A24B;

    --color-background:     #FFFFFF;
    --color-surface:        #F5F7FA;
    --color-surface-dark:   #EDF1F5;

    --color-text:           #202020;
    --color-text-muted:     #5B6672;
    --color-text-on-dark:   #FFFFFF;

    --color-border:         #E3E8ED;
    --color-border-strong:  #C7D0DA;

    --color-success:        #167C41;
    --color-warning:        #B7791F;
    --color-error:          #C0392B;

    /* ---------- 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) ---------- */
    --shadow-sm: 0 1px 2px rgba(8, 59, 115, 0.06), 0 1px 3px rgba(8, 59, 115, 0.08);
    --shadow-md: 0 4px 10px rgba(8, 59, 115, 0.10), 0 2px 4px rgba(8, 59, 115, 0.06);
    --shadow-lg: 0 16px 32px rgba(8, 59, 115, 0.14), 0 4px 10px rgba(8, 59, 115, 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;
}