:root{
/* Paleta oficial — no modificar */
--vnc-verde:#253B2C;
--vnc-crema:#F4ECE0;
--vnc-salvia:#94A298;
--vnc-terracota:#C75C3B;
--vnc-taupe:#967F71; /* exclusivo firma del logo */
/* Neutros derivados del verde y el crema (nunca grises fríos) */
--verde-900:#1B2C21;
--verde-800:#253B2C;
--verde-700:#34493A;
--verde-600:#4A5E50;
--verde-500:#56675A; /* texto secundario sobre crema · 5.1:1 */
--crema-50:#FAF6EF;
--crema-100:#F4ECE0;
--beige-200:#EADFCF;
--beige-300:#DCCFBC;
--beige-400:#C8B9A4;
--terracota-500:#C75C3B;
--terracota-700:#A2482C; /* solo mensajes de error sobre claro · 5.1:1 */
/* Semánticos */
--surface-page:var(--vnc-crema);
--surface-raised:var(--crema-50);
--surface-sunken:var(--beige-200);
--surface-dark:var(--vnc-verde);
--surface-dark-deep:var(--verde-900);
--surface-dark-raised:var(--verde-700);
--text-strong:var(--vnc-verde);
--text-body:var(--vnc-verde);
--text-muted:var(--verde-500);
--text-on-dark:var(--vnc-crema);
--text-on-dark-muted:var(--vnc-salvia);
--text-error:var(--terracota-700);
--accent:var(--vnc-terracota);
--border-subtle:var(--beige-300);
--border-input:var(--beige-400);
--border-strong:var(--vnc-verde);
--border-on-dark:rgba(244,236,224,.18);
--focus-ring:var(--vnc-terracota);
--link:var(--vnc-verde);
--link-hover:var(--verde-600);
}