:root{
/* Base palette — from the official palette sheet */
--dm-verde:#568264;
--dm-azul:#799fcc;
--dm-olivo:#99b23f;
--dm-niebla:#eaeaea;
--dm-blanco:#ffffff;
/* Derived tones (oklch shifts of the base palette) for text/ink and interaction */
--dm-verde-profundo:oklch(0.38 0.06 155);
--dm-verde-oscuro:oklch(0.47 0.065 155);
--dm-azul-oscuro:oklch(0.58 0.085 255);
--dm-olivo-oscuro:oklch(0.6 0.13 120);
--dm-niebla-oscura:oklch(0.86 0 0);
/* Semantic */
--surface-page:var(--dm-niebla);
--surface-verde:var(--dm-verde);
--surface-azul:var(--dm-azul);
--surface-olivo:var(--dm-olivo);
--surface-card:var(--dm-blanco);
--text-on-color:var(--dm-blanco);
--text-on-light:var(--dm-verde-profundo);
--text-muted:var(--dm-verde-oscuro);
--text-accent:var(--dm-verde);
--border-strong:var(--dm-verde-profundo);
--border-on-color:var(--dm-blanco);
--focus-ring:var(--dm-olivo);
}