/* ============================================================ 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 · EPK A4 (Alex-Hub-EPK-v2.html — versión aprobada) Los HTML de impresión son deliberadamente self-contained (se envían como archivo suelto), así que NO enlazan este archivo: mantienen su :root inline. Esta es la referencia canónica — si cambia acá, copiar allá. --paper:#ECE6D8; --paper-2:#E3DCCB; --ink:#16130D; --yellow:#F2B500; (= mismo amarillo que LAB) --ochre:#C98A00; --muted:#6f685a; --geo:"Century Gothic","Futura","Twentieth Century","Helvetica Neue",Arial,sans-serif; --mono:"Consolas","SFMono-Regular",ui-monospace,"Courier New",monospace; ============================================================ */