/* ─── Design Tokens ─────────────────────────────────────────── */
:root {
  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Roboto Slab', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Brand */
  --gold: #d4a84b;
  --gold-soft: #e6c374;
  --gold-dim: rgba(212,168,75,.12);
  --gold-border: rgba(212,168,75,.28);
  --green: #3fb27f;
  --red: #e05252;
  --blue: #4b7fd4;

  /* Category colors */
  --cat-hava: #4b7fd4;
  --cat-kara: #3fb27f;
  --cat-deniz: #2da8b5;
  --cat-uzay: #9b59b6;
  --cat-elektronik: #e67e22;
  --cat-gundem: #d4a84b;
  --cat-siber: #e05252;

  /* Layout */
  --content-w: 1200px;
  --content-pad: clamp(16px, 4vw, 40px);
  --nav-h: 62px;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  /* Motion */
  --ease: cubic-bezier(.16,1,.3,1);
  --dur: .25s;

  /* ─── Dark Theme (default) ─── */
  --bg:        #0a0e17;
  --bg-2:      #0f1521;
  --surface:   #131a29;
  --surface-2: #19233a;
  --surface-3: #1e2a40;
  --line:      #243248;
  --line-soft: #1b2538;
  --text:      #eef2f8;
  --text-2:    #9aa8c0;
  --text-3:    #6b7894;
  --text-inv:  #0a0e17;
  --shadow:    0 8px 32px rgba(0,0,0,.55);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.4);
  --scrim:     linear-gradient(180deg, rgba(10,14,23,0) 0%, rgba(10,14,23,.92) 100%);
  --header-bg: rgba(10,14,23,.82);
  --gap:       20px;
  --navy-glow: rgba(56,96,180,.18);
}

[data-theme="light"] {
  --bg:        #f3f5fb;
  --bg-2:      #eaecf5;
  --surface:   #ffffff;
  --surface-2: #f0f2fa;
  --surface-3: #e6e9f5;
  --line:      #dce0ef;
  --line-soft: #e8eaf5;
  --text:      #111827;
  --text-2:    #4b5563;
  --text-3:    #9ca3af;
  --text-inv:  #ffffff;
  --shadow:    0 8px 32px rgba(0,0,0,.10);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.07);
  --scrim:     linear-gradient(180deg, rgba(20,26,40,0) 0%, rgba(12,18,33,.88) 100%);
  --header-bg: rgba(243,245,251,.85);
  --navy-glow: rgba(56,96,180,.12);
}