:root{
/* Brand palette — from hoja de marca */
--salvia:#4F7A6E;--salvia-claro:#B9D3C8;--pizarra:#23312D;--niebla:#F5F7F4;--blanco:#FFFFFF;
/* Salvia ramp (500 = Salvia, 200 = Salvia claro, 900 = Pizarra) */
--salvia-50:#F0F5F2;--salvia-100:#E3ECE7;--salvia-200:#B9D3C8;--salvia-300:#93B6A8;--salvia-400:#6C978A;--salvia-500:#4F7A6E;--salvia-600:#42675D;--salvia-700:#36554C;--salvia-800:#2B433C;--salvia-900:#23312D;
/* Neutrals (green-tinted greys) */
--gris-50:#F5F7F4;--gris-100:#EDF0EC;--gris-200:#E1E6E1;--gris-300:#CAD1CC;--gris-400:#9BA59F;--gris-500:#7A8580;--gris-600:#59645F;--gris-700:#3E4945;
/* Semantic hues — muted to sit next to Salvia */
--ok:#4F7A6E;--ok-bg:#E3ECE7;--aviso:#A9772A;--aviso-bg:#F5ECDC;--error:#A84A3F;--error-bg:#F4E3E0;--info:#4B6B80;--info-bg:#E2EAEF;
/* Semantic aliases */
--bg-page:var(--niebla);--surface-card:var(--blanco);--surface-tint:var(--salvia-100);--surface-dark:var(--pizarra);--surface-brand:var(--salvia);
--text-strong:var(--pizarra);--text-body:#3A4743;--text-muted:var(--gris-500);--text-on-dark:#FFFFFF;--text-on-dark-muted:var(--salvia-200);--text-brand:var(--salvia);
--border-subtle:var(--gris-200);--border-strong:var(--gris-300);--border-focus:var(--salvia);
--action-primary:var(--salvia);--action-primary-hover:var(--salvia-600);--action-primary-press:var(--salvia-700);
--action-dark:var(--pizarra);--action-dark-hover:#2E3F3A;
--action-soft:var(--salvia-100);--action-soft-hover:#D6E4DD;
}