:root {
  /* Página */
  --bg-page: #e8eaed;

  /* Superficies — grises claros */
  --bg-0: #ffffff;
  --bg-1: #f4f5f7;
  --bg-2: #ebedf0;
  --bg-3: #dde0e4;

  /* Texto */
  --fg-0: #0d0d0d;
  --fg-1: #222222;
  --fg-2: #5f6368;
  --fg-3: #9aa0a6;

  /* Acento principal — rojo deportivo */
  --accent-from: #e53935;
  --accent-to:   #c62828;
  --accent-grad: linear-gradient(135deg, var(--accent-from), var(--accent-to));

  /* En vivo */
  --live-from: #e53935;
  --live-to:   #ef6c00;
  --live-grad: linear-gradient(135deg, var(--live-from), var(--live-to));

  /* Estados */
  --finished:  #9aa0a6;
  --scheduled: #1a73e8;

  /* Bordes */
  --border:    rgba(0, 0, 0, .08);
  --border-md: rgba(0, 0, 0, .13);

  /* Sombras */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, .10);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, .12);
  --shadow-lg: 0 12px 48px rgba(0, 0, 0, .15);

  /* Radios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Layout */
  --wrapper-max: 1060px;

  /* Tipografía */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Navbar */
  --navbar-h: 58px;
}