/* ============================================================ LIGA MASTER — Tokens de diseño (Fase 0 del rediseño FM) Capa semántica sobre la paleta de base.css. Todo componente nuevo de Liga Master debe consumir SOLO estas variables (nunca hex directo) para que light/dark salgan gratis sin duplicar CSS. ============================================================ */ :root { /* Superficies (de más profunda a más elevada) */ --lm-surface-0: var(--bg-primary); --lm-surface-1: var(--bg-surface); --lm-surface-2: var(--bg-surface-2, var(--bg-card)); --lm-surface-3: var(--bg-card-hover); /* Texto (3 niveles, ya existen en base.css — alias semántico) */ --lm-text-1: var(--text-bright); --lm-text-2: var(--text-dim); --lm-text-3: var(--text-muted); /* Escala de rating estilo FM: gris → bronce → plata → dorado/elite */ --lm-rat-baja: #64748b; /* <65 */ --lm-rat-media: #b45309; /* 65-74 bronce */ --lm-rat-alta: #059669; /* 75-82 plata/verde */ --lm-rat-elite: #b8860b; /* 83+ dorado */ --lm-rat-baja-bg: rgba(100,116,139,0.14); --lm-rat-media-bg: rgba(180,83,9,0.14); --lm-rat-alta-bg: rgba(5,150,105,0.14); --lm-rat-elite-bg: rgba(184,134,11,0.16); /* Radios y espaciado estándar de componentes FM */ --lm-radius-sm: 6px; --lm-radius: 10px; --lm-radius-lg: 14px; --lm-gap-xs: 4px; --lm-gap-sm: 8px; --lm-gap: 12px; --lm-gap-lg: 20px; } body.dark { /* Recalcular alias de superficie/texto en body.dark: --lm-surface-*/--lm-text-* se definen en :root como var(--bg-surface) etc; los custom properties heredan el VALOR YA RESUELTO (no la referencia), así que si no se redeclaran acá, .dark en nunca las ve recalculadas contra los valores oscuros de --bg-surface/--text-* definidos en base.css. */ --lm-surface-0: var(--bg-primary); --lm-surface-1: var(--bg-surface); --lm-surface-2: var(--bg-surface-2, var(--bg-card)); --lm-surface-3: var(--bg-card-hover); --lm-text-1: var(--text-bright); --lm-text-2: var(--text-dim); --lm-text-3: var(--text-muted); --lm-rat-baja: #94a3b8; --lm-rat-media: #d97706; --lm-rat-alta: #10b981; --lm-rat-elite: #eab308; --lm-rat-baja-bg: rgba(148,163,184,0.16); --lm-rat-media-bg: rgba(217,119,6,0.18); --lm-rat-alta-bg: rgba(16,185,129,0.16); --lm-rat-elite-bg: rgba(234,179,8,0.18); } /* Números tabulares en todo dato numérico de Liga Master (look FM) */ .lm-num, .lm-tb-head, .lm-clubdet-colhead, .lm-mk-list, .lm-token-rat, .lm-pl-row, .lm-lp-zone-row, .lm-copa-llave { font-variant-numeric: tabular-nums; }