/* ─────────────────────────────────────────────────────────── Jungla Digital — design tokens. Una marca, dos personalidades. Se alternan con data-mode en . Fuente de verdad: el prototipo (human-kit.jsx / term-kit.jsx). v1 fija Día (Selva) + Neón (Consola); el resto queda como variantes comentadas para activar a futuro. ─────────────────────────────────────────────────────────── */ :root { --font-sans: "Space Grotesk", system-ui, sans-serif; --font-serif: Georgia, "Times New Roman", serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --content: 1280px; --radius: 18px; --radius-pill: 99px; --switch-bottom: 22px; } /* ── Modo Selva (claro / humano) — paleta "Día" ── */ :root, :root[data-mode="selva"] { --bg: #F3EFE4; --panel: #FBF8F1; --line: rgba(20,46,30,0.13); --fg: #15301E; --dim: rgba(20,46,30,0.58); --primary: #1B7F44; --acid: #C3FF01; --warn: #C2471F; --soft: #E9E3D3; --on-acid: #15301E; /* texto sobre acid */ --on-primary: #FBF8F1; /* texto sobre primary */ --radius-card: var(--radius); --shape: pill; --field: #FFFFFF; /* fondo de inputs */ --field-border: rgba(20,46,30,0.20); /* borde de inputs */ --radius-field: 12px; /* radio de inputs de texto */ } /* ── Modo Consola (oscuro / geek) — paleta "Neón" ── */ :root[data-mode="consola"] { --bg: #06120A; --panel: #0A1B11; --line: #143524; --fg: #D6E8DC; --dim: #5E8870; --primary: #34E07A; --acid: #C3FF01; --warn: #FF5E3A; --soft: #0A1B11; --on-acid: #06120A; --on-primary: #06120A; --radius-card: 0px; /* esquinas duras en consola */ --field: #06120A; --field-border: #1d4631; --radius-field: 4px; } /* Variantes ocultas (activar a futuro vía data-mode + data-theme): Selva "Bruma": bg #EDF1EC · primary #13795A · acid #9FE870 Consola "Ácido": bg #080C05 · primary #C3FF01 Consola "Ciber": bg #050B14 · primary #22D3EE Consola "Tropical": bg #120A07 · primary #FF5E3A */