/* ==========================================
   DESIGN SYSTEM & VARIABLES - MONOCHROME COSMIC
   ========================================== */

:root {
  /* Color Palette - Deep Space & Monochrome */
  --bg: #070707;
  --bg-soft: #121212;
  --bg-card: #101010;

  --ink: #f5f5f7;
  --ink-dim: #9a9aa2;
  --ink-muted: #66666e;

  /* Monochrome Accents */
  --accent-primary: #d4d4d8;
  --accent-light: #e4e4e7;
  --accent-bright: #ffffff;
  --accent-dark: #71717a;
  --accent-deep: #3f3f46;
  --accent-glow: rgba(212, 212, 216, 0.35);
  --accent-glow-soft: rgba(212, 212, 216, 0.12);

  /* Lines & Borders */
  --line: #1c1c1f;
  --line-strong: #333338;
  --line-accent: rgba(212, 212, 216, 0.3);

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Easing & Transitions */
  --ease: cubic-bezier(.16, .84, .44, 1);
  --transition-fast: 0.2s var(--ease);
  --transition-normal: 0.35s var(--ease);
  --transition-slow: 0.6s var(--ease);
}