:root{
--color-teal-900:#1B4B47;--color-teal-800:#245F5A;--color-teal-700:#2E736D;--color-teal-050:#EAF1F0;
--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:#123531;
--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)
}