/* ============================================================
   XTheme v2 — tokens.css
   TEK KAYNAK: 6 temel renk. Başka renk eklemeyin (durum renkleri hariç).
   ============================================================ */
:root {
    /* --- 6 temel renk --- */
    --c-ink:   #0F172A;   /* en koyu: metin başlıkları, VM kutusu zemini */
    --c-navy:  #1E3A8A;   /* koyu mavi: birincil buton, başlık şeritleri, çizgiler */
    --c-blue:  #1E3A8A;   /* ana renk: birincil buton, vurgu (#1E3A8A) */
    --c-sky:   #60A5FA;   /* açık mavi: koyu zeminde vurgu, ikon */
    --c-ice:   #EFF6FF;   /* buz mavisi: hafif zemin, seçili durum */
    --c-bg:    #F8FAFC;   /* sayfa zemini */
    --c-white: #FFFFFF;

    /* --- Türetilenler (yeni renk değil; temel renklerin tonları) --- */
    --c-body:  #475569;                                   /* gövde metni */
    --c-mute:  #64748B;                                   /* ikincil metin */
    --c-line:  rgba(30, 58, 138, .14);                    /* kenarlık */
    --c-line-strong: rgba(30, 58, 138, .35);
    --c-ring:  rgba(30, 58, 138, .2);                     /* odak/hover halkası */

    /* --- Durum renkleri (yalnızca anlam taşıyan öğelerde) --- */
    --c-success: #059669;
    --c-danger:  #DC2626;
    --c-warning: #D97706;

    /* --- Yazı tipi ve ölçek --- */
    --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --fs-xs: .75rem; --fs-sm: .85rem; --fs-md: 1rem; --fs-lg: 1.15rem;
    --fs-h4: 1.1rem; --fs-h3: 1.35rem; --fs-h2: 2rem; --fs-h1: 2.9rem;

    /* --- Boşluk ve yerleşim --- */
    --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem;
    --s-6: 2rem;   --s-7: 3rem;  --s-8: 4.5rem; --s-9: 6rem;
    --container: 1440px;
    --gutter: 24px;
    --header-h: 64px;
    --header-gap: 12px;

    /* --- Şekil: KESKİN KÖŞE. Yuvarlatma yok. --- */
    --r: 0;
    /* ISTISNA (yalniz header ve acilir menuler): yumusak kose. Baska hicbir ogede kullanilmaz. */
    --r-soft: 14px;
    --r-soft-sm: 10px;
    --bd: 1px solid var(--c-line);

    /* --- Hareket --- */
    --t: .18s ease;
    --reveal-dur: .8s;
    --reveal-dur-slow: 1.15s;

    /* ============================================================
       UYUMLULUK TAKMA ADLARI — çekirdek modül CSS'leri bu adları kullanır.
       Hepsi yukarıdaki 6 renge ve keskin köşeye bağlanır.
       ============================================================ */
    --font-family-main: var(--font);
    --color-darkest: var(--c-navy);   --color-darkest-rgb: 30, 58, 138;
    --color-deep: var(--c-blue);      --color-deep-rgb: 37, 99, 235;
    --color-soft: var(--c-sky);       --color-soft-rgb: 96, 165, 250;
    --color-lightest: var(--c-ice);   --color-lightest-rgb: 219, 234, 254;
    --bg-main: var(--c-bg);
    --bg-light: #F7F9FC;
    --bg-card: var(--c-white);
    --bg-dark: var(--c-ink);
    --bg-surface: var(--c-white);
    --border-light: var(--c-line);
    --glass-border: var(--c-line);
    --primary: var(--c-blue);
    --primary-gradient: var(--c-navy);       /* gradyan YOK: düz renk */
    --primary-glow: var(--c-ring);
    --secondary: var(--c-sky);
    --accent: var(--c-ice);
    --success: var(--c-success); --danger: var(--c-danger); --warning: var(--c-warning); --info: var(--c-blue);
    --text-main: var(--c-ink);
    --text-muted: var(--c-body);
    --text-title: var(--c-ink);
    --text-body: var(--c-body);
    --text-accent: var(--c-blue);
    --text-dim: var(--c-mute);
    --text-light: var(--c-white);
    --radius-sm: 0; --radius-md: 0; --radius-lg: 0; --radius-xl: 0; --radius: 0;
    --container-max-width: var(--container);
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --fs-btn: .9rem; --fs-btn-sm: .8rem; --fw-btn: 600;
    --fs-xl: var(--fs-h2); --fs-normal: var(--fs-md);
    --fw-title: 800;
    --transition-main: color var(--t), background-color var(--t), border-color var(--t);
    --transition-timing: ease;
}