/* ============================================================
   variables.css
   Design token'ları. Renk, font, spacing, easing.
   Dark Tech / Obsidian palette + monospace tipografi.
   ============================================================ */

:root {
  /* === Renkler === */
  --color-obsidian: #0a0a0b;          /* ana arka plan */
  --color-obsidian-soft: #111114;     /* kart arka planı */
  --color-obsidian-deep: #050506;     /* en koyu (transition) */

  --color-ivory: #f4ede2;             /* ana metin */
  --color-ivory-dim: #c9c2b8;         /* ikincil metin */
  --color-ash: #6b6660;               /* üçüncül metin */
  --color-shadow: #2a2723;            /* etiket arka planı */

  --color-line: #1d1d20;              /* zayıf çizgi */
  --color-line-strong: #2c2c30;       /* belirgin çizgi */

  /* Star palette — sıcak yıldız tonu */
  --color-star-core: #fff5d6;
  --color-star-mid: #ffba6b;
  --color-star-edge: #ff5e2c;
  --color-star-glow: #ff8a3c;

  /* Status renkleri — terminal estetik */
  --color-status-live: #6bff8e;
  --color-status-soon: #ffba6b;
  --color-status-build: #6bb5ff;
  --color-status-private: #c97bff;

  /* === Tipografi === */
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;

  /* === Spacing === */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* === Layout === */
  --max-width: 1440px;
  --gutter: clamp(1.5rem, 4vw, 4rem);

  /* === Easing === */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);

  /* === Z-index === */
  --z-canvas: 0;
  --z-noise: 1;
  --z-content: 10;
  --z-nav: 100;
}