/*
 * La Mina del Fútbol — Design Tokens
 * Usa solo var(--lm-*). No uses colores literales.
 *
 * DISEÑO
 * Fuente: https://www.laminadelfutbol.es/general (/_astro/Layout.DbNrGa1q.css)
 * Fecha extracción: 2026-09-03
 * Método: curl del HTML + CSS; clases Tailwind v4 mapeadas a hex.
 * El sitio usa Tailwind CSS (zinc-950/900/800, yellow-500).
 * No hay colores literales en el HTML ni variables CSS propias en el sitio;
 * los tokens aquí son la traducción directa de las utility classes usadas.
 * Usa solo var(--lm-*). No uses colores literales.
 */

:root {
  /* ── Fondo y superficies ─────────────────────────────────────────────── */
  /* zinc-950 · bg-zinc-950 en <body> */
  --lm-bg: #09090b;
  /* zinc-900 · bg-zinc-900 en sidebar y tarjetas */
  --lm-surface: #18181b;

  /* ── Acento ──────────────────────────────────────────────────────────── */
  /* yellow-500 · usado en enlaces CTA ("Ver todos →") */
  --lm-accent: #eab308;
  /* yellow-600 aprox · estado hover de elementos de acento */
  --lm-accent-hover: #ca8a04;

  /* ── Texto ───────────────────────────────────────────────────────────── */
  /* white · text-white en títulos y elementos activos */
  --lm-text: #ffffff;
  /* zinc-400 · text-zinc-400 en metadatos y texto secundario */
  --lm-muted: #a1a1aa;

  /* ── Bordes ──────────────────────────────────────────────────────────── */
  /* zinc-800 · border-zinc-800 en separadores y contornos de tarjeta */
  --lm-border: #27272a;

  /* ── Forma ───────────────────────────────────────────────────────────── */
  /* rounded-lg (0.5rem = 8px) · clase más usada en tarjetas y botones */
  --lm-radius: 8px;
  /* shadow-lg adaptado a fondo muy oscuro con opacidad mayor */
  --lm-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.4),
               0 4px 6px -4px rgb(0 0 0 / 0.3);

  /* ── Tipografía ──────────────────────────────────────────────────────── */
  /* font-sans · clase aplicada en <body> */
  --lm-font: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
             "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  /* ── Badges de movimiento en clasificación ───────────────────────────── */
  /* green-500 · sube de posición */
  --lm-up: #22c55e;
  /* red-500 · baja de posición */
  --lm-down: #ef4444;
  /* amber-500 · nuevo participante (sin posición previa) */
  --lm-new: #f59e0b;
  /* gray-500 · sin cambio de posición */
  --lm-equal: #6b7280;
}