/*
 * Swap to Swap - tasarim tokenlari (tek kaynak) - Emerald & Ivory.
 * Renk, kose, golge, bosluk, gecis ve tipografi degerleri YALNIZCA bu dosyada tanimlanir.
 * Diger CSS dosyalari var(--stc-*) veya semantik tokenlari (--color-*, --surface-*...) kullanir.
 *
 * Uc katman:
 *   1. Primitif palet (--ei-*)          : ham renkler, dogrudan bilesende KULLANILMAZ.
 *   2. Semantik token                   : rol adlari (birincil, yuzey, metin, durum, radius, golge...).
 *   3. Uyumluluk takma adlari (--stc-*) : eski adlar (cobalt, navy, link, acc...) yeni degerlere bagli.
 *
 * Erisilebilirlik kurali: DOLGU rengi ile METIN rengi ayri tokendir.
 *   - Emerald dolgu #16866A (beyaz metin 4.51:1); emerald metin/baglanti #0F6F57 (ivory ustunde 5.6:1).
 *   - Gold (#D9A441) hicbir zaman metin rengi degildir; yalniz koyu zeminde vurgu veya dolgu + forest metin.
 *   - Sidebar'da emerald yalniz dolgu/cubuk; aktif metin beyaz.
 * Koyu tema ERTELENDI: asagidaki iki koyu blok yalniz eski kobalt tonlarini yesile cevirir, tasarim yapilmadi.
 */

/* ============================================================
   1. ACIK TEMA (varsayilan)
   ============================================================ */
:root {
  /* ---------- Katman 1: primitif palet ---------- */
  --ei-forest: #142923;
  --ei-forest-2: #1D3A31;          /* sidebar/footer ikinci ton, gradyan */
  --ei-forest-3: #2A4A3F;          /* sidebar cizgi, koyu kenar */
  --ei-forest-deep: #0F2019;
  --ei-emerald: #16866A;           /* dolgu */
  --ei-emerald-strong: #12745B;    /* kucuk buton, hover */
  --ei-emerald-pressed: #0F6049;
  --ei-emerald-text: #0F6F57;      /* metin ve baglanti */
  --ei-ivory: #F8F5EC;
  --ei-sage: #D9E9E1;
  --ei-sage-soft: #E8F2EC;         /* hafif dolgu */
  --ei-sage-edge: #BCD6CA;         /* hafif dolgu kenari */
  --ei-gold: #D9A441;              /* YALNIZ dolgu / koyu zeminde vurgu */
  --ei-gold-soft: #F7EBD0;
  --ei-gold-text: #8A5A0B;         /* uyari METNI (gold metin olmaz) */
  --ei-ink: #202923;
  --ei-muted: #55625A;             /* ikincil metin (brief #738078 AA gecmedi) */
  --ei-line: #E3E8E1;
  --ei-line-input: #8A9890;        /* form alani kenari (3:1) */
  --ei-danger: #C94F52;            /* dolgu ve ikon */
  --ei-danger-text: #B63F43;       /* metin ve beyaz yazili buton */

  /* ---------- Katman 2: semantik token ---------- */
  /* Birincil */
  --color-primary: var(--ei-emerald);
  --color-primary-strong: var(--ei-emerald-strong);
  --color-primary-pressed: var(--ei-emerald-pressed);
  --color-primary-text: var(--ei-emerald-text);
  --color-primary-soft: var(--ei-sage-soft);
  --color-primary-border: var(--ei-sage-edge);
  --color-primary-rgb: 22, 134, 106;
  --color-accent: var(--ei-gold);   /* dolgu/ince cizgi; metin olarak kullanma */

  /* Yuzey */
  --surface-page: var(--ei-ivory);
  --surface-card: #FFFFFF;
  --surface-sunken: #EFF4EE;
  --surface-nav: #FFFFFF;
  --sidebar-bg: var(--ei-forest);
  --sidebar-line: rgba(255, 255, 255, 0.10);
  --sidebar-text: #CFDDD5;          /* forest ustu 10.9:1 */
  --sidebar-muted: #93A89D;         /* forest ustu 6.1:1 (grup basligi) */
  --sidebar-hover: rgba(255, 255, 255, 0.07);
  --sidebar-active-bg: rgba(22, 134, 106, 0.30);
  --sidebar-group-bg: rgba(255, 255, 255, 0.05);
  --sidebar-bar: var(--ei-emerald);
  --footer-bg: var(--ei-forest);
  --footer-text: #B7C9BF;           /* forest ustu 8.8:1 */

  /* Metin */
  --text-strong: var(--ei-forest);
  --text-body: var(--ei-ink);
  --text-muted: var(--ei-muted);
  --text-placeholder: #5B6A61;
  --text-on-primary: #FFFFFF;
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #B7C9BF;

  /* Kenarlik */
  --border-subtle: var(--ei-line);
  --border-input: var(--ei-line-input);
  --border-hover: #C5D3CA;

  /* Durum (metin / zemin / kenar / dolgu) */
  --status-success: var(--ei-emerald-text);
  --status-success-bg: #E3F1EA;
  --status-success-border: #B5D8C8;
  --status-success-fill: var(--ei-emerald-text);
  --status-warn: var(--ei-gold-text);
  --status-warn-bg: #FBF1DC;
  --status-warn-border: #EBD29B;
  --status-warn-fill: var(--ei-gold-text);
  --status-warn-hover: #744A08;
  --status-warn-active: #5F3D06;
  --status-danger: var(--ei-danger-text);
  --status-danger-bg: #FBECEB;
  --status-danger-border: #EFC3C2;
  --status-danger-fill: var(--ei-danger-text);
  --status-danger-hover: #9E3438;
  --status-danger-active: #8A2C30;
  --status-danger-icon: var(--ei-danger);   /* yalniz ikon/dolgu, metin degil */
  --status-info: #1F5E4D;                    /* "bilgi/isleniyor": orman yesili (mavi/cyan yok) */
  --status-info-bg: #DDEBE4;
  --status-info-fill: #2B6B62;               /* beyaz metin 6.2:1 */
  --status-neutral: var(--ei-muted);
  --status-neutral-bg: #EFF4EE;
  --status-neutral-fill: var(--ei-muted);    /* beyaz metin 6.4:1 */

  /* Radius */
  --radius-sm: 0.6rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-pill: 999px;

  /* Golge (forest tonlu) */
  --shadow-rgb: 20, 41, 35;
  --shadow-1: 0 2px 10px rgba(20, 41, 35, 0.06);
  --shadow-2: 0 8px 24px rgba(20, 41, 35, 0.10);
  --shadow-3: 0 18px 50px rgba(20, 41, 35, 0.20);
  --focus-ring: rgba(22, 134, 106, 0.28);

  /* Bosluk (4px olcegi) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Gecis: yalniz opacity/transform/renk, 120-200ms */
  --dur-fast: 120ms;
  --dur: 160ms;
  --dur-slow: 200ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Tipografi */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.9rem;

  /* ---------- Katman 3: uyumluluk takma adlari (eski ad -> yeni deger) ---------- */
  /* Marka: navy/graphite artik forest ailesi */
  --stc-navy: var(--ei-forest);
  --stc-navy-2: var(--ei-forest-2);
  --stc-graphite: #1F3D33;
  --stc-graphite-deep: var(--ei-forest-deep);
  --stc-graphite-soft: var(--ei-forest-3);
  /* Birincil: cobalt adi korunur, deger emerald */
  --stc-cobalt: var(--color-primary);
  --stc-cobalt-hover: var(--color-primary-strong);
  --stc-cobalt-pressed: var(--color-primary-pressed);
  --stc-cobalt-glow: var(--color-primary);       /* dekoratif; auth-btn gradyaninda beyaz metin 4.5:1 icin acik ton YOK */
  --stc-cobalt-soft: var(--color-primary-soft);
  --stc-cobalt-border: var(--color-primary-border);
  --stc-link: var(--color-primary-text);
  --stc-primary-rgb: var(--color-primary-rgb);

  /* Yuzeyler */
  --stc-bg: var(--surface-page);
  --stc-surface: var(--surface-card);
  --stc-surface-2: var(--surface-sunken);
  --stc-border: var(--border-subtle);
  --stc-border-strong: var(--border-input);
  --stc-border-hover: var(--border-hover);

  /* Metin */
  --stc-text: var(--text-body);
  --stc-heading: var(--text-strong);
  --stc-muted: var(--text-muted);
  --stc-placeholder: var(--text-placeholder);
  --stc-on-primary: var(--text-on-primary);
  --stc-navbar-text: var(--text-on-dark);        /* ADI ESKI: koyu zemin ustu metin (ust nav artik acik) */
  --stc-navbar-muted: var(--text-on-dark-muted);

  /* Durum */
  --stc-success: var(--status-success);
  --stc-success-rgb: 15, 111, 87;
  --stc-success-bg: var(--status-success-bg);
  --stc-success-border: var(--status-success-border);
  --stc-danger: var(--status-danger);
  --stc-danger-rgb: 182, 63, 67;
  --stc-danger-bg: var(--status-danger-bg);
  --stc-danger-border: var(--status-danger-border);
  --stc-warning: var(--status-warn);
  --stc-warning-rgb: 138, 90, 11;
  --stc-warning-bg: var(--status-warn-bg);
  --stc-warning-border: var(--status-warn-border);
  --stc-success-solid: var(--status-success-fill);
  --stc-danger-solid: var(--status-danger-fill);
  --stc-warning-solid: var(--status-warn-fill);
  --stc-gold: var(--ei-gold);
  --stc-gold-soft: var(--ei-gold-soft);

  /* Kose ve golge */
  --stc-radius-sm: var(--radius-sm);
  --stc-radius: var(--radius-md);
  --stc-radius-lg: var(--radius-lg);
  --stc-radius-xl: var(--radius-xl);
  --stc-shadow: var(--shadow-1);
  --stc-shadow-hover: var(--shadow-2);
  --stc-shadow-lg: var(--shadow-3);
  --stc-focus-ring: var(--focus-ring);

  /* RGB uclu tokenlar (rgba() icin) */
  --stc-navy-rgb: 20, 41, 35;
  --stc-text-rgb: 32, 41, 35;
  --stc-surface-rgb: 255, 255, 255;
  --stc-shadow-rgb: 20, 41, 35;
  --stc-on-dark-rgb: 255, 255, 255;
  --stc-on-dark-accent: var(--ei-gold);          /* forest ustu vurgu 6.8:1 */
  --stc-on-dark-accent-rgb: 217, 164, 65;
  --stc-on-dark-success: #7FD6B5;                /* forest ustu basari */
  --stc-on-dark-success-rgb: 127, 214, 181;
  --stc-on-dark-link: #9FD8C0;                   /* forest ustu baglanti ve etiket */

  /* Panel kart vurgulari (emerald ailesi + kisitli altin; metin/zemin cifti en az 4.5:1).
     acc-N = vurgu rengi (ikon, sayi, ust cizgi), acc-N-soft = rozet/dolgu zemini */
  --stc-acc-1: #0F6F57;  --stc-acc-1-soft: #E3F1EA;   /* emerald: bakiye, birincil (5.25:1) */
  --stc-acc-2: #1F5E4D;  --stc-acc-2-soft: #DDEBE4;   /* orman yesili: piyasa, bonus (6.1:1) */
  --stc-acc-3: #2B6B62;  --stc-acc-3-soft: #E1EEEA;   /* teal-sage: sponsor, rol (5.2:1) */
  --stc-acc-4: #8A5A0B;  --stc-acc-4-soft: #F7EBD0;   /* koyu amber (gold degil): swap hakki (5.0:1) */
  --stc-card-tint: rgba(22, 134, 106, 0.04);
  --stc-hero-border: rgba(255, 255, 255, 0.1);
}

/* Hareket tercihi: gecis sureleri sifirlanir (animasyon yalniz opacity/transform) */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
    --dur-slow: 0ms;
  }
}

/* ============================================================
   2. KOYU TEMA (ERTELENDI): isletim sistemi tercihi
   Yalniz eski mavi vurgular yesile cevrildi; notr gri tonlar ve yerlesim degismedi.
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --stc-cobalt-soft: #1B3A30;
    --stc-cobalt-border: #2D5A4A;
    --stc-link: #7FD6B5;
    --stc-bg: #1D222A;
    --stc-surface: #252A32;
    --stc-surface-2: #2D3440;
    --stc-border: #343B47;
    --stc-border-strong: #5B6676;
    --stc-border-hover: #424A58;
    --stc-text: #F4F6F9;
    --stc-heading: #FFFFFF;
    --stc-muted: #A7B1C2;
    --stc-placeholder: #A7B1C2;
    --stc-success: #6EE7B7;
    --stc-success-rgb: 110, 231, 183;
    --stc-success-bg: #123328;
    --stc-success-border: #1F5C45;
    --stc-danger: #FF8A8A;
    --stc-danger-rgb: 255, 138, 138;
    --stc-danger-bg: #3A1E22;
    --stc-danger-border: #6B2B31;
    --stc-warning: #F5C26B;
    --stc-warning-rgb: 245, 194, 107;
    --stc-warning-bg: #3A2D14;
    --stc-warning-border: #6B5322;
    --stc-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);
    --stc-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.45);
    --stc-shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.55);
    --stc-focus-ring: rgba(127, 214, 181, 0.30);
    --stc-text-rgb: 244, 246, 249;
    --stc-surface-rgb: 29, 34, 42;
    --stc-shadow-rgb: 0, 0, 0;
    --stc-on-dark-rgb: 255, 255, 255;
    --stc-acc-1: #7FD6B5;  --stc-acc-1-soft: #1B3A30;
    --stc-acc-2: #9FD8C0;  --stc-acc-2-soft: #1F3F35;
    --stc-acc-3: #A8D3CB;  --stc-acc-3-soft: #1D3A37;
    --stc-acc-4: #F5C26B;  --stc-acc-4-soft: #3A2D14;
    --stc-card-tint: rgba(127, 214, 181, 0.05);
    --surface-nav: #252A32;
  }
}

/* ============================================================
   3. KOYU TEMA (ERTELENDI): acik data-theme="dark" (ayni degerler)
   ============================================================ */
:root[data-theme="dark"] {
  --stc-cobalt-soft: #1B3A30;
  --stc-cobalt-border: #2D5A4A;
  --stc-link: #7FD6B5;
  --stc-bg: #1D222A;
  --stc-surface: #252A32;
  --stc-surface-2: #2D3440;
  --stc-border: #343B47;
  --stc-border-strong: #5B6676;
  --stc-border-hover: #424A58;
  --stc-text: #F4F6F9;
  --stc-heading: #FFFFFF;
  --stc-muted: #A7B1C2;
  --stc-placeholder: #A7B1C2;
  --stc-success: #6EE7B7;
  --stc-success-rgb: 110, 231, 183;
  --stc-success-bg: #123328;
  --stc-success-border: #1F5C45;
  --stc-danger: #FF8A8A;
  --stc-danger-rgb: 255, 138, 138;
  --stc-danger-bg: #3A1E22;
  --stc-danger-border: #6B2B31;
  --stc-warning: #F5C26B;
  --stc-warning-rgb: 245, 194, 107;
  --stc-warning-bg: #3A2D14;
  --stc-warning-border: #6B5322;
  --stc-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);
  --stc-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.45);
  --stc-shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.55);
  --stc-focus-ring: rgba(127, 214, 181, 0.30);
  --stc-text-rgb: 244, 246, 249;
  --stc-surface-rgb: 29, 34, 42;
  --stc-shadow-rgb: 0, 0, 0;
  --stc-on-dark-rgb: 255, 255, 255;
  --stc-acc-1: #7FD6B5;  --stc-acc-1-soft: #1B3A30;
  --stc-acc-2: #9FD8C0;  --stc-acc-2-soft: #1F3F35;
  --stc-acc-3: #A8D3CB;  --stc-acc-3-soft: #1D3A37;
  --stc-acc-4: #F5C26B;  --stc-acc-4-soft: #3A2D14;
  --stc-card-tint: rgba(127, 214, 181, 0.05);
  --surface-nav: #252A32;
}