:root {
    /* ---- Aksan: kurumsal mavi (Primary) ---- */
    --ac: #2563EB;
    --ac-strong: #1D4ED8;
    --ac-bg: #EFF6FF;
    --ac-text: #1D4ED8;

    --color-accent: var(--ac);
    --color-accent-strong: var(--ac-strong);
    --color-accent-bg: var(--ac-bg);
    --color-accent-text: var(--ac-text);

    /* ---- Butonlar / tile'lar: tek aksan (view'larda hâlâ --pink/--teal/--amber/... varyant
       adları kullanılıyor; markup'a dokunmadan hepsini tek renge bağlıyoruz) ---- */
    --color-btn: var(--ac);
    --color-btn-hover: var(--ac-strong);
    --color-blue-btn: var(--ac);
    --color-indigo-btn: var(--ac);
    --color-pink-btn: var(--ac);
    --color-amber-btn: var(--ac);
    --color-teal-btn: var(--ac);
    --color-purple-btn: var(--ac);
    --color-rose-btn: var(--ac);

    --color-blue-tile: var(--ac);
    --color-indigo-tile: var(--ac);
    --color-pink-tile: var(--ac);
    --color-amber-tile: var(--ac);
    --color-teal-tile: var(--ac);
    --color-purple-tile: var(--ac);
    --color-rose-tile: var(--ac);
    --color-neutral-tile: #64748B;

    --hue-blue: 258;
    --hue-amber: 258;
    --hue-indigo: 258;
    --hue-pink: 258;
    --hue-teal: 258;
    --hue-purple: 258;
    --hue-rose: 258;

    --color-pink-bg: var(--ac-bg);
    --color-pink-border: #BFDBFE;
    --color-amber-bg: var(--ac-bg);
    --color-amber-border: #BFDBFE;

    --color-blue-info-bg: var(--ac-bg);
    --color-blue-info-text: var(--ac-text);

    /* ---- Yüzey / metin (aydınlık tema, varsayılan) ---- */
    --page: #F8FAFC;
    --surf: #FFFFFF;
    --alt: #F1F5F9;
    --bd: #E2E8F0;
    --bd-l: #EDF2F7;
    --tx: #0F172A;
    --tx2: #64748B;
    --tx3: #94A3B8;

    /* Grafik izgara cizgisi. Genel kenarlik renginden (--bd) belirgin olarak daha
       koyudur: kart kenarliginda dogru olan ton, grafik icinde neredeyse gorunmuyordu.
       Ayri bir token, izgarayi koyulastirirken tablo/kart kenarliklarina dokunmamayi
       saglar. */
    --grafik-izgara: #CBD5E1;

    --color-page-bg: var(--page);
    --color-surface: var(--surf);
    --color-surface-alt: var(--alt);
    --color-border: var(--bd);
    --color-border-light: var(--bd-l);
    --color-text: var(--tx);
    --color-text-muted: var(--tx2);
    --color-text-table: var(--tx2);

    /* ---- Semantik ---- */
    --color-success: #22C55E;
    --color-success-bg: #F0FDF4;
    --color-danger: #EF4444;
    --color-danger-bg: #FEF2F2;
    --color-warning: #F59E0B;
    --color-warning-bg: #FFFBEB;
    --color-gold: var(--color-success);
    --color-gold-bg: var(--color-success-bg);

    /* ---- Spacing ---- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* ---- Radius / gölge (yumuşak, modern SaaS) ---- */
    --radius-sm: 10px;
    --radius-md: 12px;
    --radius-lg: 12px;
    --radius-tile: 10px;
    --shadow-tile: 0 6px 14px -6px;
    --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px -4px rgba(15, 23, 42, 0.08);
    --shadow-card-lg: 0 2px 4px rgba(15, 23, 42, 0.04), 0 12px 24px -8px rgba(15, 23, 42, 0.10);

    /* ---- Tipografi ---- */
    --font-family: "Inter", system-ui, sans-serif;
    --font-family-mono: "Inter", system-ui, sans-serif;

    /* ---- Kabuk: sol navigasyon (her iki temada da koyu, sabit) + üst çubuk ---- */
    /* 250px: alt ogeler ray arkasina girintilendigi icin etiketlere 236'da
       yer kalmiyordu (bkz. site.css .sidebar-grup-ic). */
    --sidebar-width: 268px;
    --color-sidebar-bg: #132037;
    --color-sidebar-bg-active: #2761C9;
    --color-sidebar-hover: #2B5CB1;
    --color-sidebar-border: #1A2B4D;
    --color-sidebar-text: #E5EAF3;
    --color-sidebar-text-active: #ffffff;
    --color-sidebar-muted: #949BAB;
    --color-sidebar-section: #535B6B;
    --color-sidebar-brand: #ffffff;

    --color-window-bg: var(--page);
    --color-window-border: var(--bd);
    --color-titlebar-bg: var(--surf);
    --color-tab-sep: var(--bd);
}

:root[data-theme="dark"] {
    --page: oklch(20% 0.012 268);
    --surf: oklch(24% 0.012 268);
    --alt: oklch(27% 0.012 268);
    --bd: oklch(33% 0.012 268);
    --bd-l: oklch(29% 0.012 268);
    --tx: oklch(92% 0.006 268);
    --tx2: oklch(74% 0.012 268);
    --tx3: oklch(60% 0.014 268);

    /* Koyu zeminde izgara AYDINLATILARAK gorunur olur (aydinlik temada koyulastirilir). */
    --grafik-izgara: oklch(42% 0.015 268);

    --ac-bg: oklch(30% 0.06 268);
    --ac-text: oklch(80% 0.1 268);

    /* Yumusak zeminli rozet/uyari renkleri: aydinlik temadaki pastel tonlar karanlik
       zeminde parlak lekeler gibi duruyordu. Koyu tonlara cevriliyor; on plandaki
       doygun renkler (--color-success/-warning/-danger) bu zeminlerde okunakli kalir.
       Bu tokenlari kullanan tum yerler (rozetler, uyari kutulari, kalan cipleri,
       bildirim ikonlari) tek noktadan duzelir. */
    --color-success-bg: oklch(30% 0.06 150);
    --color-warning-bg: oklch(30% 0.06 75);
    --color-danger-bg: oklch(30% 0.06 25);

    /* Sidebar her iki temada da ayni koyu renk oldugu icin burada tekrar tanimlanmiyor. */
}