/* Paleta Pistacho — fuente: Figma «Guía» (assets/reference/figma-guia.png) */
:root{
/* Base — los seis colores oficiales */
--pst-pistacho:#93C572;        /* Color de marca */
--pst-pistacho-claro:#DDEBC8;  /* Fondos suaves */
--pst-verde-hoja:#2E4A2B;      /* Logo, textos, fondos oscuros */
--pst-cascara:#EADFC8;         /* Fondo crema */
--pst-piel:#8E3A64;            /* Acento, poco */
--pst-tinta:#18201A;           /* Texto */
/* Neutros de apoyo (lienzo del Figma y derivados para estados/bordes) */
--pst-papel:#F4F1EA;           /* lienzo de los tableros de Figma */
--pst-papel-alto:#FBF9F4;
--pst-blanco:#FFFFFF;
--pst-cascara-borde:#D8CBAE;
--pst-verde-hoja-hover:#22381F;
--pst-verde-hoja-alto:#3A5A36;
--pst-verde-hoja-bajo:#253D23;
--pst-pistacho-hover:#84B863;
--pst-pistacho-claro-2:#C9DBB2; /* lectura sobre verde hoja */
--pst-tinta-2:#3A463B;          /* lectura secundaria sobre claro */
--pst-piel-claro:#F1E2EA;
/* Semánticos */
--pst-ok:var(--pst-verde-hoja);--pst-ok-bg:var(--pst-pistacho-claro);
--pst-info:var(--pst-verde-hoja);--pst-info-bg:var(--pst-papel-alto);
--pst-atencion:var(--pst-tinta);--pst-atencion-bg:var(--pst-cascara);
--pst-error:var(--pst-piel);--pst-error-bg:var(--pst-piel-claro);
--pst-whatsapp:var(--pst-verde-hoja);

/* Alias semánticos — tema claro (crema) */
--surface-page:var(--pst-papel);
--surface-soft:var(--pst-cascara);
--surface-card:var(--pst-papel-alto);
--surface-brand:var(--pst-pistacho);
--surface-brand-soft:var(--pst-pistacho-claro);
--surface-inverse:var(--pst-verde-hoja);
--surface-deep:var(--pst-tinta);
--text-strong:var(--pst-tinta);
--text-body:var(--pst-tinta-2);
--text-muted:var(--pst-verde-hoja);
--text-brand:var(--pst-verde-hoja);
--text-on-inverse:var(--pst-pistacho-claro);
--text-on-inverse-muted:var(--pst-pistacho-claro-2);
--text-accent:var(--pst-piel);
--border-subtle:rgba(46,74,43,.14);
--border-strong:rgba(46,74,43,.32);
--border-field:var(--pst-cascara-borde);
--focus-ring:0 0 0 3px rgba(147,197,114,.55);
--action-primary-bg:var(--pst-verde-hoja);
--action-primary-fg:var(--pst-cascara);
--action-primary-hover:var(--pst-verde-hoja-hover);
--action-secondary-bg:transparent;
--action-secondary-fg:var(--pst-verde-hoja);
--action-secondary-border:var(--pst-verde-hoja);
--action-brand-bg:var(--pst-pistacho);
--action-brand-fg:var(--pst-verde-hoja);
--action-brand-hover:var(--pst-pistacho-hover);
}
/* Tema oscuro (verde hoja) */
[data-theme="oscuro"]{
--surface-page:var(--pst-verde-hoja);
--surface-soft:var(--pst-verde-hoja-bajo);
--surface-card:var(--pst-verde-hoja-alto);
--surface-brand:var(--pst-pistacho);
--surface-brand-soft:var(--pst-verde-hoja-alto);
--surface-inverse:var(--pst-cascara);
--surface-deep:var(--pst-tinta);
--text-strong:var(--pst-pistacho-claro);
--text-body:var(--pst-pistacho-claro-2);
--text-muted:var(--pst-pistacho);
--text-brand:var(--pst-pistacho);
--text-on-inverse:var(--pst-verde-hoja);
--text-on-inverse-muted:var(--pst-tinta-2);
--text-accent:var(--pst-pistacho);
--border-subtle:rgba(221,235,200,.16);
--border-strong:rgba(221,235,200,.36);
--border-field:rgba(221,235,200,.28);
--action-primary-bg:var(--pst-pistacho);
--action-primary-fg:var(--pst-verde-hoja);
--action-primary-hover:var(--pst-pistacho-hover);
--action-secondary-fg:var(--pst-pistacho-claro);
--action-secondary-border:var(--pst-pistacho-claro);
--action-brand-bg:var(--pst-pistacho);
--action-brand-fg:var(--pst-verde-hoja);
}