: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);

    /* ---- Vade kirilimi (bkz. .borclu-seg) ----
       Bolunmus borc cubugunun iki rengi. "Vadesi gelmemis" icin hazir duran
       --color-success (#22C55E) KULLANILMIYOR: beyaz zeminde 3:1 kontrastin
       altinda kaliyor (1:2,2) ve kirmiziyla arasindaki fark yesil-kirmizi renk
       korlugunde ayirt edilemeyecek kadar kapaniyor. Asagidaki ton olculerek
       secildi - ayni kirmiziyla farki neredeyse bir buçuk kati acik ve
       kontrasti tam; koyu temada da ayni degerlerle geciyor, bu yuzden orada
       yeniden tanimlanmiyor.

       Vadesi gecen MOR (#7C3AED; kullanici karari, 2026-09-17: borc yesil,
       alacak kirmizi, vadesi gecen mor - cari.css --kar-gecen ile ayni ton).
       Ozet panelindeki "Vadesi Geçen" tutari da bu tokeni kullanir, boylece
       cubuklardaki morun toplami oldugu anlasilir. */
    --vade-gecmis: #7C3AED;
    --vade-gelmemis: #059669;

    /* ---- 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;

    /* KENAR CUBUGU ZEMINI: giris ekranindaki renkler ve ayni devre deseni
       (img/sidebar-devre.svg deseni giris ekranindaki cizimden kirpildi).
       DIKKAT: 2026-09-01 kullanici karariyla kenar cubugunda dizilim DIKEY
       AYNALANDI - aydinlik uc asagida, yukari dogru koyulasir (giris ekrani
       eski yonunde kaldi). "ust/dip" adlari giristeki konuma gore verilmisti;
       kenar cubugunda ust artik DIPTE durur (bkz. site.css .sidebar). */
    --sidebar-ust: #14417F;
    --sidebar-orta: #0B2A5C;
    --sidebar-dip: #071B3F;
    /* Isik havuzu: duz degrade seridi duzlestiriyor; kenar cubugunda dipte,
       giriste ortada acilir. */
    --sidebar-isik: #205FAE;

    /* AKSAN - CAMGOBEGI.
       Onceki aksan maviydi (#2761C9) ve yeni zemin de mavi; vurgu zeminin
       icinde eriyordu. Camgobegi zeminin KARSI yonunde durur, bu yuzden
       lacivertin uzerinde gercekten yanar. Renk uydurma degil: logodaki
       "365"in ve giris ekranindaki onay simgelerinin ailesinden. */
    --color-sidebar-accent: #2BC4F0;
    /* Aktif satirin dolgusu: saydam aksan. DOLU camgobegi zemin uzerinde
       beyaz yazi okunmuyordu (kontrast ~2:1); saydam dolgu laciverti
       koruyor, okunurluk zeminden geliyor, "yanma" hissi cubuk ve isiktan. */
    --color-sidebar-bg-active: color-mix(in srgb, var(--color-sidebar-accent) 26%, transparent);
    --color-sidebar-hover: color-mix(in srgb, var(--color-sidebar-accent) 13%, transparent);

    /* DIKKAT: --color-sidebar-bg artik kenar cubugunun zemini DEGIL (zemin
       yukaridaki degrade). Ad geriye donuk kaliyor cunku satir detay paneli
       ve rapor ekranlari bu rengi "koyu panel zemini" olarak kullaniyor
       (bkz. row-detail.css, rapor2.css, rapor3.css). */
    --color-sidebar-bg: #132037;
    --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. */
}