/* ── PIEZA 5 · TOKENS ─────────────────────────────────────────────
   ÚNICA declaración de tokens del sitio. Las 19 páginas la cargan
   antes que cualquier otra hoja.

   07-sep-2026 (Dev): cruzado con `Back End/public/css/tokens.css` --
   mismos nombres de variable de acá, valor real pasa a ser
   var(--token-real). Un solo hex NO tenía equivalente (--vTxt,
   violeta como texto sobre fondo oscuro -- --color-violet-600 es
   para fondos de CTA, no da suficiente contraste como texto/link):
   se agregó --color-violet-text a tokens.css (mismo #A9A2FF), no se
   inventó un alias que no existía. Las variantes Soft/B (alpha) se
   dejan como rgba() literal -- son el mismo RGB de los tokens de
   arriba con opacidad reducida; tokens.css hace lo mismo consigo
   mismo (--cta-glow, --glow-violet, etc.), no declara tokens de alpha
   aparte. --pad es fluido (clamp), sin equivalente en el sistema de
   espaciado fijo de tokens.css -- se deja literal, no es un color. */
:root{--g950:var(--color-graphite-950);--g900:var(--color-graphite-900);--g800:var(--color-graphite-800);--g700:var(--color-graphite-700);--v:var(--color-violet-600);--v2:var(--color-violet-700);--vTxt:var(--color-violet-text);--vSoft:rgba(108,99,255,.10);--vB:rgba(108,99,255,.28);--green:var(--color-green-live);--gSoft:rgba(29,185,84,.12);--gB:rgba(29,185,84,.30);--amber:var(--color-amber-400);--aSoft:rgba(232,184,76,.12);--aB:rgba(232,184,76,.30);--coral:var(--color-coral-500);--coSoft:rgba(232,106,95,.12);--coB:rgba(232,106,95,.30);--c100:var(--color-cloud-100);--c300:var(--color-cloud-300);--c500:var(--color-cloud-500);--display:var(--font-display);--sans:var(--font-body);--mono:var(--font-mono);--pad:clamp(18px,4.5vw,60px)}