/**
 * EarnEmpire - merkezi tema katmani.
 *
 * Butun sayfa stilleri (landing, dashboard, auth, admin, yan sayfalar) rengi
 * buradan alir. Onceden her dosyada rgba(0, 230, 118, x) gibi sabit yesiller
 * gomuluydu ve tema degistirmek yuzlerce yeri elle duzeltmek demekti.
 *
 * Bu dosya _head.tpl icinde diger stillerden ONCE yuklenir.
 *
 * ── Renk dengesi ──────────────────────────────────────────────────────
 * Hedef: koyu fantastik strateji oyunu havasi, neon kripto panosu degil.
 *   ~%80  neredeyse siyah / cok koyu mor zemin
 *   ~%15  koyu mor yuzeyler ve hafif gradyanlar
 *   ~%5   mor ve altin vurgular
 * Mor bir ZEMIN rengi degil, VURGU rengidir. Parlak mor (--ee-accent-bright)
 * yalnizca kucuk vurgularda kullanilir; genis yuzeylerde asla.
 * ─────────────────────────────────────────────────────────────────────
 */

/* Sprite kabi: yalnizca <symbol> tanimi tasir, cizilmemeli. Kurali burada
   tutuyoruz cunku sprite'lar landing disinda da yukleniyor (header, auth);
   sayfa stilinde tanimliyken auth'ta gorunmez bir 150px'lik SVG olarak
   render olup sayfayi kaydiriyordu. */
.ee-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

:root {
  /* --- Marka accent'i --- */
  --ee-accent: #7c3aed;
  --ee-accent-rgb: 124, 58, 237;
  --ee-accent-strong: #5b21b6;
  --ee-accent-strong-rgb: 91, 33, 182;
  --ee-accent-deep: #3b1478;

  /* Parlak mor: SADECE kucuk vurgular (ikon, rozet metni, aktif durum). */
  --ee-accent-bright: #a855f7;
  --ee-accent-bright-rgb: 168, 85, 247;
  --ee-accent-soft: #a855f7;

  /* Ikincil mor; neon pembe yerine sakin bir menekse. */
  --ee-magenta: #9333ea;
  --ee-magenta-rgb: 147, 51, 234;

  /* Altin: odul, para, basari ve premium ogeler. */
  --ee-gold: #d4a72c;
  --ee-gold-rgb: 212, 167, 44;
  --ee-gold-soft: #e0b84f;
  --ee-gold-soft-rgb: 224, 184, 79;
  --ee-gold-deep: #a8811f;

  /* --- Anlamsal renkler ---
     Accent'ten bagimsizdir. Hata hala kirmizi, uyari hala sari; tema
     morlasti diye bunlar morlasirsa isaret degerini kaybederler.
     Para ve odul tutarlari yesil degil ALTIN kullanir. */
  --ee-success: #3fa87a;
  --ee-success-rgb: 63, 168, 122;
  --ee-success-deep: #2d7d59;
  --ee-danger: #d4566b;
  --ee-danger-rgb: 212, 86, 107;
  --ee-warning: #c9922e;
  --ee-warning-rgb: 201, 146, 46;
  --ee-info: #4a90b8;
  --ee-info-rgb: 74, 144, 184;

  /* --- Yuzeyler: neredeyse siyah mor --- */
  --ee-bg: #080611;
  --ee-bg-2: #0a0714;
  --ee-surface: #110b20;
  --ee-surface-2: #160e2a;
  --ee-surface-3: #1b1230;
  --ee-surface-glass: rgba(22, 14, 42, 0.72);

  /* rgba() icinde hex kullanilamadigi icin saydam yuzeyler bu
     bilesenlerden kuruluyor (auth kart zemini vb.). */
  --ee-bg-rgb: 8, 6, 17;
  --ee-surface-rgb: 22, 14, 42;
  --ee-muted-rgb: 155, 145, 173;

  /* --- Kenarlik ve metin --- */
  --ee-border: #29203d;
  --ee-border-soft: #1f1830;
  --ee-border-strong: #3a2d55;

  /* Kart kenarligi: notr gri yerine accent'in cok soluk hali. Istatistik,
     "nasil calisir" ve kazanc kartlari bunu paylasir; tonu degistirmek
     gerekirse tek yer burasi. */
  --ee-border-card: rgba(124, 58, 237, 0.28);
  --ee-border-card-hover: rgba(124, 58, 237, 0.5);
  --ee-text: #f3f0fa;
  --ee-text-dim: #cfc7de;
  --ee-muted: #9b91ad;
  --ee-muted-2: #6f6683;

  /* --- Isik ve gradyanlar ---
     Parlama bilincli olarak zayif: sadece onemli butonlarin ve aktif
     ogelerin cevresinde hissedilir, genis alanlar sakin kalir. */
  --ee-glow: rgba(124, 58, 237, 0.18);
  --ee-glow-strong: rgba(124, 58, 237, 0.3);
  --ee-glow-gold: rgba(212, 167, 44, 0.2);
  --ee-grad: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
  --ee-grad-hover: linear-gradient(135deg, #8b4bf0 0%, #6a2bcc 100%);
  --ee-grad-gold: linear-gradient(135deg, #e0b84f 0%, #a8811f 100%);
  --ee-grad-surface: linear-gradient(160deg, #160e2a 0%, #0f0a1d 100%);
  --ee-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  --ee-shadow-accent: 0 10px 26px rgba(124, 58, 237, 0.22);

  /* --- Kaynak renkleri (oyun ekonomisi) ---
     Oyun dunyasindaki dogal renkleri korur; site arayuzu morlasirken
     kaynaklarin kendi kimligi degismez. */
  --ee-res-gold: #d4a72c;
  --ee-res-crystal: #5aa8c8;
  --ee-res-emerald: #3fa87a;
  --ee-res-ruby: #c25a6e;
  --ee-res-wood: #9a6f43;
  --ee-res-food: #c9922e;
}


/* ═══════════════════════════════════════════════════════════════════
   EarnEmpire tasarim sistemi - koyu SaaS + oyun ekonomisi

   Ilke: RENK KARTIN YUZEYINDE DEGIL, ICINDEKI ACCENT OGELERDE.
   Kartlar notr koyu; mor/altin yalnizca ikon, aktif durum, birincil
   buton, ilerleme ve onemli deger gibi yerlerde vurgu olarak gecer.

   Katman sirasi: zemin -> kart -> ince kenarlik -> tipografi -> accent.
   ═══════════════════════════════════════════════════════════════════ */
body.bc-landing,
body.bc-auth,
body.bc-dashboard {
  /* --- Vurgu --- */
  --ee-accent: #6c5ce7;
  --ee-accent-rgb: 108, 92, 231;
  --ee-accent-strong: #5a4bd4;
  --ee-accent-strong-rgb: 90, 75, 212;
  --ee-accent-bright: #8b7cf6;
  --ee-accent-bright-rgb: 139, 124, 246;
  --ee-accent-soft: #8b7cf6;
  --ee-accent-deep: #4436b0;
  --ee-accent-hover: #7a6af0;
  --ee-magenta: #8b7cf6;
  --ee-magenta-rgb: 139, 124, 246;

  /* Altin: ikincil vurgu (odul, para, premium) */
  --ee-gold: #d6a83e;
  --ee-gold-rgb: 214, 168, 62;
  --ee-gold-soft: #e2bc5f;
  --ee-gold-soft-rgb: 226, 188, 95;
  --ee-gold-deep: #a87f26;

  /* --- Anlamsal --- */
  --ee-success: #35c99a;
  --ee-success-rgb: 53, 201, 154;
  --ee-success-deep: #26a37b;
  --ee-danger: #ef5b6b;
  --ee-danger-rgb: 239, 91, 107;
  --ee-warning: #d6a83e;
  --ee-warning-rgb: 214, 168, 62;
  --ee-info: #4fa8d8;
  --ee-info-rgb: 79, 168, 216;

  /* --- Yuzeyler --- */
  --ee-bg: #070910;
  --ee-bg-2: #0d111c;
  --ee-surface: #0d111c;
  --ee-surface-2: #111522;
  --ee-surface-3: #151a29;
  --ee-surface-glass: rgba(17, 21, 34, 0.9);
  --ee-bg-rgb: 7, 9, 16;
  --ee-surface-rgb: 17, 21, 34;
  --ee-muted-rgb: 141, 148, 168;

  /* --- Kenarlik: ince ve dusuk kontrastli --- */
  --ee-border: #252c40;
  --ee-border-soft: #1b2131;
  --ee-border-strong: #30374d;
  --ee-border-card: #252c40;
  --ee-border-card-hover: #30374d;

  /* --- Tipografi --- */
  --ee-text: #f1f2f7;
  --ee-text-dim: #b6bccb;
  --ee-muted: #8d94a8;
  --ee-muted-2: #656c80;

  /* --- Isik: glow degil, hafif yukselti --- */
  --ee-glow: rgba(108, 92, 231, 0.14);
  --ee-glow-strong: rgba(108, 92, 231, 0.22);
  --ee-grad: linear-gradient(135deg, #6c5ce7 0%, #5a4bd4 100%);
  --ee-grad-hover: linear-gradient(135deg, #7a6af0 0%, #6858e0 100%);
  /* Kart yuzeyi DUZ: yogun gradyan template hissi veriyordu. */
  --ee-grad-surface: #111522;
  --ee-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  --ee-shadow-accent: 0 8px 24px rgba(108, 92, 231, 0.18);

  /* --- Takma adlar ---
     :root icinde tanimli olduklari icin govdedeki gecersiz kilmalari
     gormezler; burada yeniden bildiriliyor. */
  --bc-bg: var(--ee-bg);
  --bc-bg-elevated: var(--ee-surface);
  --bc-bg-card: var(--ee-surface-glass);
  --bc-bg-card-solid: var(--ee-surface-2);
  --bc-green: var(--ee-accent);
  /* Bu dortlu daha once yalnizca landing/auth :root unda vardi; orada
     --ee-* eski palete cozumleniyordu. Govde blogunda yeniden tanimli. */
  --bc-blue: var(--ee-info);
  --bc-orange: var(--ee-gold);
  --bc-gold: var(--ee-gold);
  --bc-teal: var(--ee-success);
  --bc-green-dark: var(--ee-accent-strong);
  --bc-green-glow: var(--ee-glow);
  --bc-purple: var(--ee-accent-bright);
  --bc-purple-dark: var(--ee-accent-strong);
  --bc-text: var(--ee-text);
  --bc-text-muted: var(--ee-muted);
  --bc-border: var(--ee-border-card);
  --bc-shadow: var(--ee-shadow);
  --bc-scrollbar-track: rgba(13, 17, 28, 0.95);
  --bc-scrollbar-track-border: var(--ee-border);
  --bc-scrollbar-page-bg: var(--ee-bg);

  --bc-dash-bg: var(--ee-bg);
  --bc-dash-sidebar: #0b0e17;
  --bc-dash-card: var(--ee-surface-2);
  --bc-dash-card-2: var(--ee-surface-3);
  --bc-dash-border: var(--ee-border);
  --bc-dash-green: var(--ee-accent);
  --bc-dash-green-dark: var(--ee-accent-strong);
  --bc-dash-green-glow: var(--ee-glow);
  --bc-dash-text: var(--ee-text);
  --bc-dash-muted: var(--ee-muted);
}