:root{
/* ══ PALETA OFICIAL — Manual de marca, sección 03 (p.12) ══════════════
   Tres primarios cubren la mayoría de las aplicaciones. Tres secundarios
   se reservan para jerarquía interna, separadores y fondos: NUNCA para
   el logotipo. No hay otros colores autorizados. */

/* Primarios */
--teal:#21A29C;              /* Teal Xolution · RGB 33·162·156 · CMYK 83·0·4·36 · Pantone 7473 C */
--black:#000000;             /* Negro Xolution · CMYK 0·0·0·100 · Pantone Black C */
--white:#FFFFFF;             /* Blanco · CMYK 0·0·0·0 */

/* Secundarios */
--teal-oscuro:#127A75;       /* Secundario · contrastes · CMYK ref. 85·0·4·52 */
--gris-medio:#8C8C8C;        /* Secundario · textos de apoyo, pies de foto · CMYK ref. 0·0·0·45 */
--gris-neutro:#F4F4F4;       /* Secundario · fondos suaves, separadores · CMYK ref. 0·0·0·4 */

/* Los CMYK de los secundarios son conversiones de referencia:
   comprobar en prueba de color antes de cualquier tiraje. */

/* ══ DERIVADOS DE INTERFAZ ════════════════════════════════════════════
   Below this line nothing is brand colour. These exist only because
   screen interfaces need press states, hairlines and disabled fills that
   the manual does not legislate. Never use them in print or marketing. */
--teal-press:var(--teal-oscuro);
--grey-line:#E4E4E4;         /* hairline de interfaz, más claro que Gris Medio */
--grey-rule:#C9C9C9;         /* regla visible en impreso */
--grey-ink:#2B2B2B;          /* texto corrido, un paso bajo el negro puro */
--grey-ink-press:#151515;
--status-alert:#D02B20;      /* sólo interfaz: error de formulario, turno sin cubrir */

/* ══ SEMÁNTICOS: texto ══ */
--text-strong:var(--black);
--text-body:var(--grey-ink);
--text-muted:var(--gris-medio);
--text-accent:var(--teal);
--text-on-dark:var(--white);
--text-on-dark-muted:rgba(255,255,255,.66);
--text-on-teal:var(--white);
--text-caption:var(--gris-medio);   /* pies de foto y notas — manual p.14 */

/* ══ SEMÁNTICOS: superficies ══ */
--surface-page:var(--white);
--surface-sunken:var(--gris-neutro);
--surface-card:var(--white);
--surface-inverse:var(--black);
--surface-accent:var(--teal);

/* ══ SEMÁNTICOS: líneas ══ */
--line-hairline:var(--grey-line);
--line-rule:var(--grey-rule);
--line-strong:var(--black);
--line-on-dark:rgba(255,255,255,.26);
--line-accent:var(--teal);

/* ══ SEMÁNTICOS: controles ══ */
--control-bg:var(--black);
--control-bg-hover:var(--grey-ink);
--control-bg-press:var(--grey-ink-press);
--control-fg:var(--white);
--control-bg-disabled:var(--gris-neutro);
--control-fg-disabled:var(--gris-medio);
--focus-ring:var(--teal);

/* ══ ESTADOS OPERATIVOS (interfaz) ══ */
--status-ok:var(--teal);
--status-hold:var(--gris-medio);

/* ══ ALIAS DE COMPATIBILIDAD ══ */
--grey-100:var(--gris-neutro);
--grey-400:var(--gris-medio);
--teal-deep:var(--teal-oscuro);
--teal-tint:#E9F5F4;         /* derivado de interfaz: fondo de selección suave */
}