/* ============================================================
FORERO · brand tokens — FUENTE ÚNICA DE VERDAD
Antes: cada página repetía su propio :root inline (8 copias).
Ahora: canon oscuro en :root + un bloque por superficie
(html[data-brand]) que declara SOLO su acento.
Cómo usar en una página:
(sin bloque :root local)
--accent / --accent-2 son los nombres semánticos. Los alias por marca
(--yellow, --green, --or, --coral) se mantienen porque el CSS de cada
página los usa; CSS nuevo debe usar --accent.
============================================================ */
/* ---- base: tipografía + canon oscuro (hub, alexhub, army, bass, fans, records) ----
Las superficies LIGHT (house, lab) sobreescriben todos los neutrales. */
:root{
--disp:'Archivo','Segoe UI',system-ui,sans-serif;
--mono:'Space Mono',ui-monospace,'Courier New',monospace;
--bg:#0B0B0A; --bg2:#121210;
--ink:#F5F2E8; --ink-2:#b8b2a2; --mut:#7c7668;
--line:#242422;
-webkit-print-color-adjust:exact;print-color-adjust:exact;
}
/* ===== HUB · foreromusic.cl (index.html) — violeta ===== */
html[data-brand="hub"]{
--accent:#B14EFF; --accent-2:#D19CFF; --fxrgb:177,78,255;
--yellow:var(--accent); --yellow-2:var(--accent-2); /* alias heredado: el acento es violeta */
}
/* ===== ALEX HUB — near-black + naranja ácido ===== */
html[data-brand="alexhub"]{
--accent:#FF7A00; --accent-2:#FFB347; --fxrgb:255,122,0;
--yellow:var(--accent); --yellow-2:var(--accent-2); /* alias heredado: el acento es naranja */
--on:#160c00; /* texto sobre relleno naranja */
}
/* ===== ARMY · ForeroPlays Army — amarillo señal ===== */
html[data-brand="army"]{
--accent:#FFC400; --accent-2:#FFD400; --fxrgb:255,196,0;
--yellow:var(--accent); --yellow-2:var(--accent-2);
}
/* ===== FANS — misma paleta que ARMY ===== */
html[data-brand="fans"]{
--accent:#FFC400; --accent-2:#FFD400; --fxrgb:255,196,0;
--yellow:var(--accent); --yellow-2:var(--accent-2);
}
/* ===== BASS — verde neón + magenta ===== */
html[data-brand="bass"]{
--accent:#39FF14; --accent-2:#5BFF43; --fxrgb:57,255,20;
--green:var(--accent); --green-2:var(--accent-2);
--mag:#FF2D95; /* secundario */
}
/* ===== RECORDS — naranja sello ===== */
html[data-brand="records"]{
--accent:#FF8A1E; --accent-2:#FFA345; --fxrgb:255,138,30;
--or:var(--accent); --or-2:var(--accent-2);
--dk:#160b00; /* texto sobre relleno naranja */
}
/* ===== HOUSE · Kinetic Brutalism LIGHT / luminoso — coral + oro ===== */
html[data-brand="house"]{
--bg:#F3EEE4; --bg2:#FAF6EC; --panel:#FAF6EC;
--ink:#161210; --ink-2:#5a4f42; --mut:#6b6153; --line:#e0d6c4;
--accent:#F0603A; --accent-2:#B03A1E; --fxrgb:240,96,58;
--coral:var(--accent); /* rellenos: marquee, footer, botones, dots (texto oscuro encima = AA) */
--coral-2:var(--accent-2); /* coral como texto sobre base clara (AA, 5.2:1) */
--gold:#F4B740; --gold-2:#FFD86B;
}
/* ===== LAB · Kinetic Brutalism LIGHT — cuaderno pedagógico ===== */
html[data-brand="lab"]{
--bg:#FBFBF8; --panel:#ffffff;
--ink:#14120D; --ink-2:#4d4636; --mut:#6f6656; --line:#e6e0d2;
--accent:#F2B500; --accent-2:#FFD400; --fxrgb:242,181,0;
--yellow:var(--accent); --yellow-2:var(--accent-2);
--signal-ink:#8f6b00; /* amarillo legible como texto sobre base clara */
}
/* ============================================================
PRINT · dossiers A4 — UNA SOLA VOZ CON LA WEB
Los HTML de impresión NO enlazan este archivo (van con :root inline
para poder enviarse sueltos), pero copian sus valores. Si un token
cambia acá, hay que copiarlo allá. Esta es la referencia canónica.
Un documento por unidad, mismo esqueleto A4 de 5 páginas
(portada / perfil / media / detalle / contacto):
01 Bass → Forero-Bass-EPK.html oscuro #39FF14 + #FF2D95
02 House → Forero-House-EPK.html claro #F0603A + #F4B740
03 Alex Hub → Alex-Hub-Dossier.html oscuro #FF7A00 + #FFB347
04 Lab → Forero-Music-Lab-Brochure.html claro #F2B500 + #FFD400
05 Army → Forero-Army-Brochure.html oscuro #FFC400 + #FFD400
06 Records → FP-Records-Brochure.html oscuro #FF8A1E + #FFA345
· Rider → Forero-Rider.html oscuro las 3 paletas de show
Reglas del sistema:
- La superficie del dossier sigue a la de su página web: house y lab en
claro, el resto en oscuro. La última página invierte la superficie.
- Tipografía = la misma de la web, self-hosted por ruta relativa:
--disp:'Archivo' (400/500/700/900) → assets/fonts/ar-*.woff2
--mono:'Space Mono' (400/700) → assets/fonts/sm-*.woff2
Nada de @import ni webfonts remotas: rompen la captura headless.
- Sobre superficie clara el amarillo no se usa como texto; va
--signal-ink #8f6b00 (lab) / --accent-2 #B03A1E (house).
- -webkit-print-color-adjust:exact es obligatorio o Edge descarta los
fondos oscuros al imprimir.
- Los de impresión llevan URL absoluta: un PDF no resuelve /go/.
============================================================ */