/**
 * MOSTLY MOVIES PLATFORM - CENTRAL DESIGN TOKENS
 * Single Source of Truth for colors, lighting, typography, and depth.
 */

:root {
  /* 1. PALETTE: DEEP OBSIDIAN & VELVET DARKROOM */
  --mm-bg-black: #050507;
  --mm-bg-obsidian: #09090d;
  --mm-bg-surface: #121218;
  --mm-bg-elevated: #1a1a24;
  --mm-bg-glass: rgba(18, 18, 24, 0.75);

  /* 2. BORDERS & LINES */
  --mm-border-hairline: rgba(255, 255, 255, 0.06);
  --mm-border-subtle: rgba(255, 255, 255, 0.12);
  --mm-border-medium: rgba(255, 255, 255, 0.22);
  --mm-border-focus: rgba(229, 169, 59, 0.6);

  /* 3. ACCENT & HALATION ILLUMINATION */
  --mm-accent-gold: #e5a93b;
  --mm-accent-gold-glow: rgba(229, 169, 59, 0.35);
  --mm-accent-cyan: #00f2fe;
  --mm-accent-cyan-glow: rgba(0, 242, 254, 0.3);
  --mm-accent-purple: #7b61ff;
  --mm-accent-purple-glow: rgba(123, 97, 255, 0.3);
  --mm-accent-green: #2ecc71;
  --mm-accent-red: #ff4757;

  /* 4. TEXT CONTRAST HIERARCHY */
  --mm-text-primary: #f8f8fc;
  --mm-text-secondary: #a2a2b4;
  --mm-text-muted: #646476;
  --mm-text-dim: #3e3e4e;

  /* 5. TYPOGRAPHY SCALING */
  --mm-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mm-font-mono: 'JetBrains Mono', 'Dank Mono', ui-monospace, SFMono-Regular, monospace;

  /* 6. CORNER RADII */
  --mm-radius-sm: 6px;
  --mm-radius-md: 12px;
  --mm-radius-lg: 20px;
  --mm-radius-pill: 9999px;

  /* 7. ELEVATIONS & SHADOWS */
  --mm-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
  --mm-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.6);
  --mm-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.8);
  --mm-shadow-gold: 0 0 35px var(--mm-accent-gold-glow);
  --mm-shadow-cyan: 0 0 35px var(--mm-accent-cyan-glow);

  /* 8. TRANSITIONS */
  --mm-transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --mm-transition-smooth: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --mm-transition-bounce: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Global Reset Utilities */
[hidden] {
  display: none !important;
}