:root{
/* Base — negros */
--black-1000:#000000;
--black-950:#050505;
--black-900:#0B0B0B;
--black-850:#111111;
--black-800:#181818;
--black-750:#202020;
--black-700:#2A2A2A;
--black-600:#3A3A39;
/* Grises cálidos */
--gray-500:#62625F;
--gray-400:#8C8C88;
--gray-300:#B3B3AE;
--gray-200:#D6D6D2;
/* Blanco roto */
--white-100:#F5F5F3;
--white-pure:#FFFFFF;
/* Lima pelota — extraído del logo (#C8E824 anillo/pelota) */
--lime-200:#E6F79A;
--lime-300:#D8F25A;
--lime-400:#D0EE3A;
--lime-500:#C8E824;
--lime-600:#A9C41E;
--lime-700:#7D9116;
--lime-800:#3D470B;
--lime-900:#1C2106;
/* Semánticos (uso puntual) */
--red-500:#FF4D3D;
--red-900:#2A0F0C;
--amber-500:#FFB224;
--amber-900:#2A1E07;
--blue-500:#5AA8FF;
--blue-900:#0B1D30;

/* Alias semánticos */
--bg-page:var(--black-950);
--bg-sunken:var(--black-1000);
--surface-card:var(--black-850);
--surface-raised:var(--black-800);
--surface-hover:var(--black-750);
--surface-inverse:var(--white-100);
--surface-accent:var(--lime-500);
--surface-accent-soft:var(--lime-900);

--text-primary:var(--white-100);
--text-secondary:var(--gray-300);
--text-muted:var(--gray-400);
--text-disabled:var(--gray-500);
--text-on-accent:var(--black-950);
--text-accent:var(--lime-500);
--text-inverse:var(--black-950);

--border-subtle:var(--black-750);
--border-default:var(--black-700);
--border-strong:var(--black-600);
--border-accent:var(--lime-500);

--accent:var(--lime-500);
--accent-hover:var(--lime-300);
--accent-press:var(--lime-600);

--status-success:var(--lime-500);
--status-success-bg:var(--lime-900);
--status-error:var(--red-500);
--status-error-bg:var(--red-900);
--status-warning:var(--amber-500);
--status-warning-bg:var(--amber-900);
--status-info:var(--blue-500);
--status-info-bg:var(--blue-900);
}