/* ==========================================================================
   LigaMetrics BetPlay Pro - Design Tokens & Theme Variables
   Generated by Branding Subagent | Orquestado por @director
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  /* Color Palette - HSL & Hex */
  --bg-pitch: #080b11;
  --bg-card: rgba(16, 22, 34, 0.85);
  --bg-card-hover: rgba(23, 31, 48, 0.95);
  --bg-glass: rgba(18, 24, 38, 0.65);
  --bg-input: #121824;

  --accent-emerald: #00f59b;
  --accent-emerald-glow: rgba(0, 245, 155, 0.25);
  --accent-cyan: #00d2ff;
  --accent-cyan-glow: rgba(0, 210, 255, 0.25);
  --accent-gold: #ffb800;
  --accent-gold-glow: rgba(255, 184, 0, 0.25);
  --accent-coral: #ff3b5c;
  --accent-coral-glow: rgba(255, 59, 92, 0.25);
  --accent-purple: #9d4edd;

  /* Typography */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Text Colors */
  --text-white: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-dim: #475569;

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.16);
  --border-emerald: rgba(0, 245, 155, 0.35);
  --border-cyan: rgba(0, 210, 255, 0.35);

  /* Elevation / Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.6);
  --shadow-glow-emerald: 0 0 20px rgba(0, 245, 155, 0.25);
  --shadow-glow-cyan: 0 0 20px rgba(0, 210, 255, 0.25);

  /* Transitions & Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}