/* =============================================================
   ENYED — CSS Tokens (1. Modül)

   Palet, onaylanan tasarım görsellerinden türetildi:
   derin gece lacivertı zemin + altın aksan, koyu ve beyaz
   bölümlerin dönüşümlü ritmi.

   Marka renkleri (Şartname Bölüm 0): --navy #01244E, --gold #C69023
   ============================================================= */
:root {
  /* ---------- Marka ---------- */
  --navy: #01244E;
  --gold: #C69023;

  /* Lacivert zemin üzerinde okunurluk için altın tonları */
  --gold-bright: #E3B45C;   /* başlık vurgusu, ikonlar, linkler */
  --gold-soft: #F0D9A8;     /* el yazısı aksan, açık vurgular */
  --gold-deep: #A8761A;     /* hover, basılı durum */

  /* ---------- Koyu bölüm (varsayılan) ---------- */
  --bg: #071322;            /* sayfa zemini — saf siyah değil, gece mavisi */
  --bg-elevated: #0C1C30;   /* kart / panel yüzeyi */
  --bg-sunken: #050E1A;     /* footer, en alt katman */
  --fg: #FFFFFF;
  --dim: #93A4BC;           /* ikincil metin */
  --line: rgba(255, 255, 255, .10);
  --line-strong: rgba(255, 255, 255, .20);

  /* ---------- Açık bölüm (.panel--light) ---------- */
  --bg-light: #FFFFFF;
  --bg-light-alt: #F5F8FC;
  --fg-light: #0B2545;      /* açık zeminde başlık */
  --dim-light: #5A6B82;     /* açık zeminde gövde metni */
  --line-light: #E3E9F0;

  /* ---------- Yüzey efektleri ---------- */
  --card-dark: rgba(255, 255, 255, .035);
  --card-dark-hover: rgba(255, 255, 255, .07);
  --shadow-card: 0 18px 40px rgba(0, 0, 0, .35);
  --shadow-gold: 0 10px 30px rgba(198, 144, 35, .28);

  /* ---------- Ölçü ---------- */
  --radius-pill: 40px;
  --radius-card: 18px;
  --header-height: 80px;
  --vh: 1vh;

  /* ---------- Admin paneliyle ortak adlar ---------- */
  --bg-app: var(--bg);
  --bg-card: var(--bg-elevated);
  --text-secondary: var(--dim);
  --text-muted: rgba(255, 255, 255, .45);
  --brand-primary: var(--gold);
}

/* =============================================================
   AÇIK TEMA (tema anahtarı) — gece mavisi/altın kimliğini
   beyaz zemine taşır, ikinci bir palet uydurmaz.
   ============================================================= */
body.light {
  --bg: #FFFFFF;
  --bg-elevated: #F5F8FC;
  --bg-sunken: #EEF3F9;
  --fg: var(--navy);
  --dim: #5A6B82;
  --line: rgba(1, 36, 78, .12);
  --line-strong: rgba(1, 36, 78, .26);

  /* #B07F17 idi: beyaz üzerinde 3.56:1. Bu ton .eyebrow (12px),
     .footer-col h5 (12px), .img-band-quote cite (12px) ve
     .blog-card-more (13.5px) gibi KÜÇÜK metinlerde de kullanılıyor;
     WCAG AA küçük metin için 4.5:1 istiyor. Koyu temadaki parlak altın
     (#E3B45C) olduğu gibi kalıyor, yalnızca açık tema koyulaştırıldı. */
  --gold-bright: #8A6312;   /* beyaz 5.42:1, açık kart 5.09:1, footer 4.86:1 */
  --gold-soft: #8A6312;

  --card-dark: rgba(1, 36, 78, .025);
  --card-dark-hover: rgba(1, 36, 78, .055);
  --shadow-card: 0 14px 32px rgba(1, 36, 78, .10);

  --text-muted: rgba(1, 36, 78, .45);
}