/* ==========================================================================
   FINANSTAKIP - MARKA RENK SİSTEMİ
   Ana renk (sabit): #3E6FC4 (Kobalt mavi)
   Gradyan kullanılmamıştır. Tüm değerler düz renklerdir.
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- Ana renk ailesi (primitive ramp) -------------------------------- */
  --color-primary-50:  #F4F6FB;
  --color-primary-100: #E7ECF6;
  --color-primary-200: #CAD7EC;
  --color-primary-300: #9FB7DF;
  --color-primary-400: #7194D1;
  --color-primary-500: #3E6FC4; /* ANA RENK - sabit nokta, değiştirilmez */
  --color-primary-600: #315CA8;
  --color-primary-700: #254A8B;
  --color-primary-800: #1D3A6D;
  --color-primary-900: #162A4E;

  /* --- Fonksiyonel primary token'lar ------------------------------------ */
  --color-primary: var(--color-primary-500);
  --color-primary-hover: var(--color-primary-600);
  --color-primary-active: var(--color-primary-700);
  --color-primary-text: var(--color-primary-500);
  --color-primary-text-hover: var(--color-primary-600);
  --color-primary-disabled-bg: var(--color-primary-100);
  --color-primary-disabled-text: var(--color-primary-300);
  --color-primary-subtle-bg: var(--color-primary-50);
  --color-primary-subtle-bg-hover: var(--color-primary-100);
  --color-primary-subtle-border: var(--color-primary-200);

  /* --- Grafik / kategori renkleri ----------------------------------------
     Çoklu seri karşılaştırması için (ör. dashboard'da banka bazlı dağılım).
     Semantik renklerle (success/error/warning) KARIŞTIRILMAZ; kategori
     renkleri durum bildirmez, sadece diziler arası ayrım sağlar. Sıra
     önemlidir: 1'den başlayıp artan sırayla kullanın. */
  --color-chart-1: var(--color-primary-500); /* #3E6FC4 */
  --color-chart-2: #34868D; /* teal */
  --color-chart-3: #6C5CBC; /* indigo */
  --color-chart-4: #9359B1; /* violet */
  --color-chart-5: #A4468E; /* plum */
  --color-chart-6: #708830; /* olive */
  --color-chart-other: var(--color-text-disabled); /* "Diğer" / gruplanmamış kategori */

  /* --- Nötr palet (mavi-eğimli, gri değil) ------------------------------ */
  --color-bg-page: #F7F8FA;
  --color-bg-surface: #FFFFFF;
  --color-bg-surface-alt: #EDEFF3;
  --color-border: #DEE2E7;
  --color-border-strong: #C5CAD3;
  --color-text-primary: #141A24;
  --color-text-secondary: #586274;
  --color-text-tertiary: #707B8F;   /* sadece büyük metin/ikon - AA metin eşiğini karşılamaz */
  --color-text-disabled: #9BA3B0;
  --color-text-on-primary: #FFFFFF;

  /* --- Semantik renkler --------------------------------------------------
     Hue açıları: error 357°, warning 36°, success 152°, primary 218°
     -> tümü ana maviden belirgin şekilde ayrışır, çakışma yok. */
  --color-success-bg: #EEF9F4;
  --color-success: #2A7954;         /* ikon / nokta / büyük metin */
  --color-success-text: #206545;    /* rozet metni, gövde metni - AA */
  --color-success-hover: #206545;

  --color-error-bg: #FDEFF0;
  --color-error: #BE2D34;
  --color-error-text: #A02228;
  --color-error-hover: #A02228;

  --color-warning-bg: #FEF3E4;
  --color-warning: #CC8519;         /* sadece ikon/nokta (3:1) */
  /* Issue'daki #AA6313 beyaz zeminde AA'yi geciyor ama kendi uyari zemininde
     4.25:1'de kaliyor; .panel-warning bu ikilisini birlikte kullandigi icin
     ayni hue'da bir tik koyulastirildi (uyari zemini 4.56:1, beyaz 5.00:1). */
  --color-warning-text: #A35F12;    /* gövde metni / etiket - AA */
  --color-warning-hover: #A35F12;

  /* --- Focus (odak) ------------------------------------------------------ */
  --color-focus-ring: var(--color-primary-500);
  --color-focus-ring-offset: var(--color-bg-surface);
}

/* ==========================================================================
   KARANLIK TEMA
   Not: Bu bir "invert" değildir. Zemin, metin ve primary ayrı ayrı
   kontrast hedeflenerek yeniden hesaplanmıştır.
   ========================================================================== */
[data-theme="dark"] {
  color-scheme: dark;

  --color-bg-page: #10151F;
  --color-bg-surface: #171E2B;
  --color-bg-surface-alt: #1E2735;
  --color-border: #2B3648;
  --color-border-strong: #3B4A61;
  --color-text-primary: #EEF1F6;
  --color-text-secondary: #A6B0C0;
  --color-text-tertiary: #6B7686;
  --color-text-disabled: #545F72;
  --color-text-on-primary: #FFFFFF;

  /* Karanlık zeminde "dolgu" (buton) ve "metin/link" için ayrı ton gerekir:
     tek bir mavi tonu hem beyaz metinle buton dolgusu hem de koyu zemin
     üzerinde okunur metin rolünü aynı anda karşılayamaz. */
  --color-primary: #3666BA;          /* buton dolgusu (beyaz metinle 5.58:1) */
  --color-primary-hover: #386CC7;    /* dolgu hover - hafif aydınlanır */
  --color-primary-active: #30589C;   /* dolgu basılı - koyulaşıp "içeri gömülür" */
  --color-primary-text: #749ADC;     /* link / breadcrumb / rakam vurgusu (6.44:1) */
  --color-primary-text-hover: #94B2E6;
  --color-primary-disabled-bg: #1B2433;
  --color-primary-disabled-text: #4A5872;
  --color-primary-subtle-bg: #1E2A3E;      /* seçili filtre / chip zemini */
  --color-primary-subtle-bg-hover: #24314A;
  --color-primary-subtle-border: #2E446B;

  /* Karanlık zeminde kategori renkleri de ayrı hesaplandı (aynı hue,
     görünürlük için biraz daha açık ton). */
  --color-chart-1: #6990D3;
  --color-chart-2: #5CB4BC;
  --color-chart-3: #9386D5;
  --color-chart-4: #B582CE;
  --color-chart-5: #CA72B5;
  --color-chart-6: #A4BC62;
  --color-chart-other: var(--color-text-tertiary);

  --color-success-bg: #193427;
  --color-success: #67C197;
  --color-success-text: #67C197;
  --color-success-hover: #7FCFA8;

  --color-error-bg: #39181A;
  --color-error: #D8646A;
  --color-error-text: #D8646A;
  --color-error-hover: #E38387;

  --color-warning-bg: #372A15;
  --color-warning: #DFA349;
  --color-warning-text: #DFA349;
  --color-warning-hover: #EBB876;

  --color-focus-ring: #94B2E6;
  --color-focus-ring-offset: var(--color-bg-page);
}