/* ============================================
   variables.css — SkipTV Design Tokens
   ============================================ */

:root {
  /* Backgrounds */
  --bg-primary: #0A0A0F;
  --bg-secondary: #12121A;
  --bg-card: #1A1A26;

  /* Accent Colors */
  --accent-blue: #00AEEF;
  --accent-blue-dim: rgba(0, 174, 239, 0.12);
  --accent-orange: #FF6B00;
  --accent-orange-hover: #e55f00;

  /* Text */
  --text-primary: #FFFFFF;
  --text-secondary: #A0A0B8;
  --text-muted: #606078;

  /* Borders */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(0, 174, 239, 0.4);

  /* Glows / Shadows */
  --glow-blue: 0 0 30px rgba(0, 174, 239, 0.2);
  --glow-orange: 0 0 30px rgba(255, 107, 0, 0.3);

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Transitions */
  --transition: 0.3s ease;

  /* Typography */
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-body: 'Nunito', sans-serif;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 72px;
}