/*
 * marca: copia de campus_dc:marca/tokens.css. GENERADO: no se edita a mano.
 * Se cambia en campus_dc y se copia aquí con: node scripts/marca-copiar.mjs
 * @ref        origin/main
 * @commit     3e138256fa62bf23b668f62650159807b77a961c
 * @huella     sha256:d1fe38752913254283f7b648e3eff471b988fb15539c14cb1f24d29759ad4108
 */

/**
 * marca/tokens.css — GENERADO por campus_dc. No se edita a mano.
 *
 * Los tokens de MARCA de campus, que es su único dueño: paleta `--c-*` y
 * estados, paleta `--dc-*`, tipografía, bordes, sombras de marca, la escala de
 * espaciado y movimiento que consume la capa, y los overrides `[data-brand]`.
 * Al final, la paleta de los chips de taxonomía de canción: tres tokens por
 * valor (`--chip-<valor>-fondo`, `-tinta`, `-borde`), con el valor encima.
 * Qué viaja y qué no, y por qué: campus_dc:scripts/marca/tokens.mjs.
 * En corto: ni los tokens shadcn de campus ni su `--radius: 0rem`.
 *
 * Se cambia en la hoja de campus_dc y se regenera allí con
 *   npm run marca:exportar
 * Un consumidor no lo edita: lo copia con marca/copiar.mjs, que lo firma con
 * una huella.
 *
 * @fuente     los :root y los @theme sin inline de 37 hojas
 *             (app/globals.css y lo que importa), y app/brand-themes.css;
 *             la paleta, de las clases .chip-* y de lib/taxonomy-colors.ts
 * @tokens     96 en :root; marcas: gobroadway
 * @taxonomia  13 valores
 */

:root {
  /* Paleta CITEM — la que una escuela socia sobreescribe */
  --c-carbon: #282828;
  --c-carbon-rgb: 40 40 40;
  --c-coral: #da4a4a;
  --c-coral-dark: #b83838;
  --c-coral-dark-rgb: 184 56 56;
  --c-coral-rgb: 218 74 74;
  --c-cream: var(--c-paper);
  --c-cream-rgb: 252 247 240;
  --c-crimson: var(--c-coral);
  --c-crimson-rgb: 218 74 74;
  --c-indigo: #30276c;
  --c-indigo-rgb: 48 39 108;
  --c-ink: var(--c-carbon);
  --c-ink-rgb: var(--c-carbon-rgb);
  --c-navy: var(--c-indigo);
  --c-navy-rgb: 48 39 108;
  --c-paper: #fcf7f0;
  --c-paper-rgb: 252 247 240;
  --c-surface: var(--c-paper);
  --c-surface-rgb: var(--c-paper-rgb);
  --c-text-disabled: rgb(var(--c-carbon-rgb) / 0.50);
  --c-text-heading: var(--c-indigo);
  --c-text-muted: rgb(var(--c-carbon-rgb) / 0.70);
  --c-text-muted-inverse: rgb(var(--c-paper-rgb) / 0.70);
  --c-text-strong: var(--c-carbon);

  /* Estados semánticos */
  --c-state-error-bg: rgb(var(--c-coral-rgb) / 0.15);
  --c-state-error-border: var(--c-coral);
  --c-state-error-text: var(--c-indigo);
  --c-state-info-bg: rgb(var(--c-navy-rgb) / 0.06);
  --c-state-info-border: rgb(var(--c-navy-rgb) / 0.25);
  --c-state-info-text: var(--c-indigo);
  --c-state-neutral-bg: rgb(var(--c-carbon-rgb) / 0.06);
  --c-state-neutral-border: rgb(var(--c-carbon-rgb) / 0.20);
  --c-state-neutral-text: var(--c-carbon);
  --c-state-success-bg: rgb(var(--c-navy-rgb) / 0.08);
  --c-state-success-border: rgb(var(--c-navy-rgb) / 0.40);
  --c-state-success-text: var(--c-indigo);
  --c-state-warning-bg: rgb(var(--c-coral-rgb) / 0.10);
  --c-state-warning-border: rgb(var(--c-coral-rgb) / 0.40);
  --c-state-warning-text: var(--c-indigo);

  /* Paleta DC — la mitad del sistema dual */
  --dc-bg-main: 30 32 27;
  --dc-bg-main-rgb: rgb(30 32 27);
  --dc-black-stage: 20 21 20;
  --dc-black-stage-rgb: rgb(20 21 20);
  --dc-brand-dark: 122 176 44;
  --dc-card-bg: 26 26 26;
  --dc-dark-gray: 60 60 59;
  --dc-gray: 176 176 176;
  --dc-green: 142 192 59;
  --dc-green-interactive: 174 210 146;
  --dc-green-interactive-rgb: rgb(174 210 146);
  --dc-green-light: 199 228 148;
  --dc-green-light-rgb: rgb(199 228 148);
  --dc-green-rgb: rgb(142 192 59);
  --dc-info: 3 105 161;
  --dc-light-gray: 234 234 234;
  --dc-purple-deep: 32 19 43;
  --dc-purple-deep-rgb: rgb(32 19 43);
  --dc-success: 16 185 129;

  /* Tipografía de marca */
  --font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-heading: var(--font-gobold, 'Gobold'), 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --leading-display: 1.3;
  --tracking-display: -2px;
  --tracking-display-sm: -1px;
  --tracking-ui: 0.14em;

  /* Anchos de borde del sistema */
  --border-w-accent: 4px;
  --border-w-interactive: 2px;
  --border-w-structural: 3px;

  /* Sombras de marca — derivan de la paleta, y cada marca las reescribe */
  --shadow-blockout: 4px 4px 0 var(--c-coral);
  --shadow-blockout-hover: 8px 8px 0 var(--c-coral);
  --shadow-blockout-inverse: 4px 4px 0 var(--c-paper);
  --shadow-blockout-soft: 2px 2px 0 var(--c-coral);
  --shadow-crimson: 4px 4px 0 var(--c-coral);

  /* Escala semántica de espaciado y movimiento — la consume la capa citem-* */
  --dur-fast: 100ms;
  --dur-medium: 200ms;
  --dur-reveal: 700ms;
  --dur-slow: 400ms;
  --ease-blockout: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-wipe: cubic-bezier(0.76, 0, 0.24, 1);
  --space-12: 48px;
  --space-16: 64px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-8: 32px;
  --space-lg: 24px;
  --space-md: 16px;
  --space-md2: 20px;
  --space-sm: 8px;
  --space-sm2: 12px;
  --space-xl: 32px;
  --space-xs: 4px;

  /* Densidad de las clases citem-* — la declara campus en :root y la lee su capa */
  --citem-chip-alto: 34px;
  --citem-chip-fuente: 0.75rem;
  --citem-chip-pad-x: 10px;
}

[data-brand="gobroadway"] {
  --c-coral: #d32087;
  --c-coral-dark: #a81a6c;
  --c-coral-dark-rgb: 168 26 108;
  --c-coral-rgb: 211 32 135;
  --c-crimson: #d32087;
  --c-crimson-rgb: 211 32 135;
  --c-indigo: #11010d;
  --c-indigo-rgb: 17 1 13;
  --c-navy: #11010d;
  --c-navy-rgb: 17 1 13;
  --shadow-blockout: 4px 4px 0 #11010d;
  --shadow-blockout-hover: 8px 8px 0 #11010d;
  --shadow-blockout-soft: 2px 2px 0 rgb(17 1 13 / 20%);
  --shadow-crimson: 4px 4px 0 #d32087;
}

/* Paleta de taxonomía de canción — la única excepción de color (Manual §3.1).
   Por valor de taxonomía: fondo, tinta (el texto) y borde. Sale de las clases
   .chip-* de app/_estilos/chips-taxonomia.css: campus_dc:scripts/marca/taxonomia.mjs. */
:root {
  /* Contemporáneo Belt */
  --chip-belt-fondo: rgb(234 88 12 / 0.10);
  --chip-belt-tinta: rgb(154 52 18);
  --chip-belt-borde: rgb(234 88 12 / 0.25);
  /* Abierto */
  --chip-abierto-fondo: rgb(100 116 139 / 0.10);
  --chip-abierto-tinta: rgb(51 65 85);
  --chip-abierto-borde: rgb(100 116 139 / 0.25);
  /* Legit */
  --chip-legit-fondo: rgb(16 185 129 / 0.10);
  --chip-legit-tinta: rgb(6 78 59);
  --chip-legit-borde: rgb(16 185 129 / 0.25);
  /* Pop/Rock */
  --chip-poprock-fondo: rgb(192 38 211 / 0.10);
  --chip-poprock-tinta: rgb(112 26 117);
  --chip-poprock-borde: rgb(192 38 211 / 0.25);
  /* Drama */
  --chip-drama-fondo: rgb(var(--c-crimson-rgb) / 0.08);
  --chip-drama-tinta: rgb(var(--c-coral-dark-rgb));
  --chip-drama-borde: rgb(var(--c-crimson-rgb) / 0.22);
  /* Inspiracional */
  --chip-inspiracional-fondo: rgb(14 165 233 / 0.10);
  --chip-inspiracional-tinta: rgb(7 89 133);
  --chip-inspiracional-borde: rgb(14 165 233 / 0.25);
  /* Comedia */
  --chip-comedia-fondo: rgb(234 179 8 / 0.10);
  --chip-comedia-tinta: rgb(113 63 18);
  --chip-comedia-borde: rgb(234 179 8 / 0.25);
  /* Familiar */
  --chip-familiar-fondo: rgb(20 184 166 / 0.10);
  --chip-familiar-tinta: rgb(15 118 110);
  --chip-familiar-borde: rgb(20 184 166 / 0.25);
  /* Chico */
  --chip-chico-fondo: rgb(59 130 246 / 0.10);
  --chip-chico-tinta: rgb(29 78 216);
  --chip-chico-borde: rgb(59 130 246 / 0.22);
  /* Chica */
  --chip-chica-fondo: rgb(236 72 153 / 0.10);
  --chip-chica-tinta: rgb(157 23 77);
  --chip-chica-borde: rgb(236 72 153 / 0.22);
  /* Ballad */
  --chip-ballad-fondo: rgb(139 92 246 / 0.10);
  --chip-ballad-tinta: rgb(91 33 182);
  --chip-ballad-borde: rgb(139 92 246 / 0.22);
  /* Midtempo */
  --chip-midtempo-fondo: rgb(99 102 241 / 0.10);
  --chip-midtempo-tinta: rgb(67 56 202);
  --chip-midtempo-borde: rgb(99 102 241 / 0.22);
  /* Uptempo */
  --chip-uptempo-fondo: rgb(239 68 68 / 0.10);
  --chip-uptempo-tinta: rgb(153 27 27);
  --chip-uptempo-borde: rgb(239 68 68 / 0.22);
}