:root{
--color-teal-900:#1E3A5F;--color-teal-800:#274A73;--color-teal-700:#325C8C;--color-teal-050:#EAF0F7;
--color-arena:#E4DBCB;--color-arena-600:#CBBEA5;--color-arena-200:#F2EDE3;
--color-dorado:#C9A227;--color-dorado-600:#A9860F;--color-dorado-200:#F0E0AC;
--color-hueso:#FAF7F2;--color-tinta:#1A1A18;
--color-gray-700:#4A4844;--color-gray-500:#726F68;--color-gray-300:#B2ADA2;--color-gray-100:#DEDACF;
--surface-page:var(--color-hueso);--surface-card:#FFFFFF;--surface-sunken:var(--color-arena-200);
--surface-inverse:var(--color-teal-900);--surface-inverse-alt:var(--color-tinta);
--brand-primary:var(--color-teal-900);--brand-primary-hover:var(--color-teal-800);--brand-primary-active:#132538;
--brand-accent:var(--color-dorado);--brand-accent-hover:var(--color-dorado-600);
--text-primary:var(--color-tinta);--text-secondary:var(--color-gray-700);--text-muted:var(--color-gray-500);
--text-on-dark:var(--color-hueso);--text-on-accent:var(--color-tinta);--text-on-brand:var(--color-hueso);
--border-subtle:var(--color-gray-100);--border-default:var(--color-arena-600);--border-strong:var(--color-teal-900);
--focus-ring:var(--color-dorado)
}