/*
 * Yediiklim Akademi İzmir — Tasarım Token'ları (Aşama 1)
 * Tek kaynak: renk, tipografi, boşluk, yarıçap, gölge, hareket.
 * Yeni ve yeniden tasarlanan bileşenler yalnızca bu değişkenleri kullanır.
 * Mevcut sayfa CSS'leri bu dosyayı henüz kullanmaz; hiçbir sayfa görünümü değişmez.
 */
:root{
    /* Renk — marka */
    --brand-navy:#101d39;
    --brand-navy-2:#1d3155;
    --brand-red:#d92332;
    --brand-red-dark:#b81c29;
    --brand-blue:#1058a8;               /* logodaki mavi; yalnızca marka/logo bağlamında */

    /* Renk — yüzey, metin, çizgi */
    --surface:#ffffff;
    --surface-muted:#f6f8fb;
    --surface-inverse:var(--brand-navy);
    --text-primary:#17243b;
    --text-secondary:#56637f;           /* #f6f8fb üstünde 5.66:1 (AA) */
    --text-on-dark:#ffffff;
    --text-on-dark-muted:#c9d2e8;
    --border-subtle:#e4e9f0;
    --border-strong:#c9d1e2;

    /* Renk — durum ve etkileşim */
    --action:var(--brand-red);          /* birincil CTA; beyaz metinle 4.96:1 (AA) */
    --action-hover:var(--brand-red-dark);
    --focus-ring:#ffd23f;               /* koyu zeminde odak halkası */
    --focus-ring-light:var(--brand-navy);/* açık zeminde odak halkası */
    --success:#1f7a4d;
    --warning:#a15c00;
    --brand-whatsapp:#25d366;

    /* Tipografi — mevcut yüklü fontlar */
    --font-display:"Manrope",Arial,sans-serif;
    --font-body:"DM Sans",Arial,sans-serif;
    --fs-eyebrow:.75rem;                                    /* 12px, büyük harf + aralık */
    --fs-body:1rem;
    --fs-lead:clamp(1rem,.95rem + .3vw,1.1875rem);
    --fs-h3:clamp(1.125rem,1.05rem + .4vw,1.375rem);
    --fs-h2:clamp(1.625rem,1.3rem + 1.6vw,2.5rem);
    --fs-h1:clamp(2.125rem,1.5rem + 3.2vw,4rem);
    --lh-tight:1.1;
    --lh-heading:1.2;
    --lh-body:1.65;
    --tracking-heading:-.02em;
    --tracking-eyebrow:.14em;
    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:700;
    --fw-bold:800;

    /* Boşluk — 8px tabanlı */
    --space-1:.25rem;   /* 4  */
    --space-2:.5rem;    /* 8  */
    --space-3:.75rem;   /* 12 */
    --space-4:1rem;     /* 16 */
    --space-5:1.5rem;   /* 24 */
    --space-6:2rem;     /* 32 */
    --space-7:3rem;     /* 48 */
    --space-8:4rem;     /* 64 */
    --space-9:6rem;     /* 96 */
    --section-y:clamp(3rem,2rem + 4vw,5.5rem);
    --gutter:clamp(1rem,.6rem + 1.6vw,1.5rem);
    --container:1180px;
    --container-narrow:760px;           /* okunabilir metin genişliği */

    /* Yarıçap — dört değer */
    --radius-sm:6px;
    --radius-md:10px;
    --radius-lg:16px;
    --radius-pill:999px;

    /* Gölge — üç kademe */
    --shadow-sm:0 1px 2px rgb(16 29 57 / .06);
    --shadow-md:0 8px 24px rgb(16 29 57 / .08);
    --shadow-lg:0 18px 40px rgb(16 29 57 / .12);

    /* Hareket */
    --dur-fast:150ms;
    --dur-base:220ms;
    --dur-slow:300ms;
    --ease-standard:cubic-bezier(.2,.0,.2,1);

    /* Katmanlar */
    --z-header:10000;
    --z-dropdown:300;
    --z-fab:70;
    --z-modal:100;
}

@media (prefers-reduced-motion:reduce){
    :root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms}
}