/* ==========================================================================
   FÚTEA SCORE — DESIGN TOKENS & CORE PALETTE
   ========================================================================== */

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

:root {
  /* Brand Colors */
  --color-bg-base: #080808;
  --color-bg-surface: #111111;
  --color-bg-card: #151515;
  --color-bg-card-hover: #1c1c1c;
  --color-bg-elevated: #222222;

  /* Typography Colors */
  --color-text-main: #F5F5F2;
  --color-text-muted: #9E9E9E;
  --color-text-dim: #6B7280;

  /* Radiant Champion Sports Gold Identity */
  --color-gold-primary: #FFB800;
  --color-gold-highlight: #FFDE59;
  --color-gold-dark: #D48800;
  --color-gold-glow: rgba(255, 184, 0, 0.45);
  --color-gold-glow-soft: rgba(255, 184, 0, 0.14);
  --color-gold-border: rgba(255, 184, 0, 0.35);
  --color-gold-border-bright: rgba(255, 222, 89, 0.85);

  /* Status Colors */
  --color-status-live: #EF4444;
  --color-status-live-glow: rgba(239, 68, 68, 0.3);
  --color-live-red: #EF4444;
  --color-status-finished: #10B981;
  --color-status-scheduled: #3B82F6;
  --color-status-draft: #6B7280;

  /* Borders & Shadows */
  --border-subtle: 1px solid rgba(255, 255, 255, 0.07);
  --border-gold: 1px solid var(--color-gold-border);
  --border-gold-focus: 1px solid var(--color-gold-highlight);

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.8);
  --shadow-gold: 0 0 24px var(--color-gold-glow);
  --shadow-gold-sm: 0 0 10px rgba(201, 162, 39, 0.25);

  /* Glassmorphism */
  --glass-bg: rgba(17, 17, 17, 0.82);
  --glass-blur: blur(14px);
  --glass-border: 1px solid rgba(201, 162, 39, 0.2);

  /* Typography */
  --font-heading: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Transitions & Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 9999px;

  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   LIGHT MODE PALETTE (Modo Día ☀️)
   ========================================================================== */
[data-theme="light"] {
  /* Brand Colors Light */
  --color-bg-base: #F4F5F7;
  --color-bg-surface: #FFFFFF;
  --color-bg-card: #FFFFFF;
  --color-bg-card-hover: #F8F9FA;
  --color-bg-elevated: #ECEFF1;

  /* Typography Colors Light */
  --color-text-main: #111827;
  --color-text-muted: #4B5563;
  --color-text-dim: #6B7280;

  /* Radiant Champion Sports Gold Identity in Light Mode */
  --color-gold-primary: #D99B00;
  --color-gold-highlight: #B8860B;
  --color-gold-dark: #996515;
  --color-gold-glow: rgba(217, 155, 0, 0.25);
  --color-gold-glow-soft: rgba(217, 155, 0, 0.08);
  --color-gold-border: rgba(217, 155, 0, 0.35);
  --color-gold-border-bright: rgba(184, 134, 11, 0.85);
  --color-live-red: #DC2626;

  /* Borders & Shadows Light */
  --border-subtle: 1px solid rgba(0, 0, 0, 0.08);
  --border-gold: 1px solid var(--color-gold-border);
  --border-gold-focus: 1px solid var(--color-gold-highlight);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
  --shadow-gold: 0 4px 16px rgba(217, 155, 0, 0.18);
  --shadow-gold-sm: 0 2px 8px rgba(217, 155, 0, 0.12);

  /* Glassmorphism Light */
  --glass-bg: rgba(255, 255, 255, 0.92);
  --glass-border: 1px solid rgba(0, 0, 0, 0.08);
}