/* ============================================================
   AntarikshPedia — design tokens (the one file controlling the look)
   ------------------------------------------------------------
   Mood reference: mission telemetry on a near-black console.
   Amber accent, big condensed type, monospace readouts.
   Every stylesheet consumes these variables — no raw hex/px
   values in page styles for anything tunable site-wide.
   ============================================================ */

:root {
  /* ---- color ---- */
  --color-bg: #08090c;
  --color-bg-raised: #101218;
  --color-surface: #15171e;
  --color-text: #f2f2f0;
  --color-muted: #9ba1ab;
  --color-border: rgba(242, 242, 240, 0.12);
  --color-border-strong: rgba(242, 242, 240, 0.28);

  /* single accent — warm amber (oklch; sRGB fallback below) */
  --color-accent: #e8a33d;
  --color-accent-oklch: oklch(76% 0.14 75);
  --accent-glow: rgba(232, 163, 61, 0.35);
  --accent-soft: rgba(232, 163, 61, 0.12);

  /* status palette */
  --status-success: #7fd8a0;
  --status-partial: #e6c86e;
  --status-failure: #ef8080;
  --status-transit: #7cc4ef;
  --status-operational: #7fd8a0;

  /* era accents */
  --era-1: #e0b64f; --era-2: #de8b4a; --era-3: #4ac9b0;
  --era-4: #6ee7a0; --era-5: #a78bfa; --era-6: #6ec3f0;

  /* ---- type ---- */
  --font-display: 'Space Grotesk', 'Barlow Condensed', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;

  --text-xs: 0.72rem;
  --text-sm: 0.85rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.6rem;
  --text-hero: clamp(2.6rem, 7vw, 5rem);
  --text-page-title: clamp(2rem, 5vw, 3.4rem);

  /* ---- spacing scale ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --space-7: 3.5rem;
  --space-8: 5rem;

  /* ---- shape ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --pill: 999px;

  /* ---- layout ---- */
  --max-width: 1160px;
  --header-h: 64px;

  /* ---- motion ---- */
  --transition-fast: 160ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-med: 320ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- z-layers ---- */
  --z-header: 50;
  --z-overlay: 90;
}