/* ============================================================
CREATE / Claudia Restrepo — Sistema de tokens (OVERRIDE)
Autor: Dalí, Genio Audiovisual de AIONOVA · 2026-09-03
Encargo: ND-CR-006CX · Presentación Claudia 2026-09-03
QUÉ ES ESTE ARCHIVO
Override completo y uno-a-uno del ancla `tokens.css` del motor
(sitio_v1/assets/css/tokens.css). Conserva TODOS los nombres de
variable del original para caer sobre el motor sin tocar
`core.css` ni `editorial.css`. Solo cambian los VALORES.
CÓMO SE APLICA
Cargar DESPUÉS del tokens.css original, o sustituirlo:
<-- este
DIRECCIÓN DE ARTE — PROPUESTA, PENDIENTE DE APROBACIÓN
Toda lámina que exhiba color, tipografía o identidad debe llevar
visible, en mono y pequeño, el rótulo:
"dirección propuesta — pendiente de aprobación"
(Brief §5 y riesgo R6: no se le presenta a la clienta una
identidad inventada como si fuera suya.)
FUNDAMENTO DE LA PALETA (Brief §5)
Se sustituye la familia navy + rojo + marfil frío de Borja por la
familia cálida CREATE: crema, tinta cálida y un metálico ámbar.
Fondos claros, textos oscuros, máxima lecturabilidad (orden David).
PROHIBIDO el rojo saturado (#c8102e KW España / #cd2127 Legacy):
la haría leer como sub-marca del anfitrión justo cuando busca
desmarcarse. PROHIBIDA Barlow Condensed y cualquier grotesca
condensada de titular: es la display del anfitrión.
============================================================ */
:root{
/* --- Papel / lienzo (crema cálido dominante, mucho aire) ---
El fondo es SIEMPRE claro. #F5F0E8 no es gusto: es el crema
ya validado en el ecosistema del anfitrión (5 ocurrencias en
el código fuente de KW España MAC26), y sirve de puente visual
con Madrid sin adoptar su rojo. */
--paper: #F5F0E8; /* lienzo principal — crema / hueso cálido */
--paper-2: #FBF8F2; /* tarjetas / capas elevadas */
--paper-3: #EBE3D7; /* zonas de reposo / bandeja */
/* --- Tinta (cálida: negro-marrón, NUNCA negro azulado) ---
Autoridad ejecutiva sin frialdad corporativa. El azul en la
tinta la devolvería al registro inmobiliario del que se
desmarca. */
--ink: #241C16; /* texto principal — tinta profunda cálida */
--ink-soft: #5A4A3C; /* leads, cuerpo secundario */
--ink-mute: #8A7866; /* labels, notas, pies */
/* --- Estructura (antes "navy": aquí, café estructural) ---
Los nombres --navy y --navy-deep se conservan porque el motor
los consume; el VALOR pasa a la familia cálida. Cero azul. */
--navy: #4A3728; /* estructura, cenefas, bloques sobrios */
--navy-deep: #2E2219; /* énfasis puntual muy oscuro */
/* --- Acento de marca (ámbar / bronce apagado, ÚNICO) ---
Recoge el insumo tonal que ella misma envió ("Rise & Receive":
abundancia, recibir) y evita por completo la colisión con el
rojo del anfitrión. Es el único acento de marca. */
--accent: #2B2E86; /* AÑIL — acento de marca. Derivado de The Legacy Group (#211689),
la firma que Claudia fundó en 2007. Contraste 10.07:1 sobre crema. */
--accent-ink: #23276E; /* añil profundo para texto sobre claro — 11.67:1 */
--accent-tint:rgba(43,46,134,.07);
/* --- Datos (cifras y gráficos) ---
Oliva-bronce apagado: se distingue del acento en una gráfica
sin salirse de la familia cálida ni acercarse al rojo. */
--data: #6F6A45;
--data-tint: rgba(111,106,69,.09);
/* --- Acentos secundarios --- */
--gold: #C89B54; /* oro pálido — uso raro, filetes y remates */
--ok: #5A6B4A; /* confianza / "sí es" — verde cálido apagado */
--warn: #9A5B33; /* riesgos / barandas — tierra quemada, NO rojo */
/* --- Líneas --- */
--rule: #DED4C4;
--rule-soft: #EAE3D6;
/* --- Acento por escena (progresión sobria dentro de la familia
cálida: del oro pálido al bronce profundo). Monotono deliberado:
el recorrido avanza por PROFUNDIDAD, no por cambio de color.
Ningún escalón entra en rojo. --- */
--sc-01: #5560B4; /* añil claro · 4.98:1 */
--sc-02: #4750A6; /* añil medio · 6.24:1 */
--sc-03: #3A4098; /* añil · 7.82:1 */
--sc-04: #2B2E86; /* añil de marca · 10.07:1 */
--sc-05: #23276E; /* añil profundo · 11.67:1 */
--sc-06: #1E2260; /* añil noche · 12.74:1 */
/* --- Tipografía (self-hosted en assets/fonts/) — SIN CAMBIOS ---
Fraunces (serif variable de alto contraste) es exactamente lo
que pide el brief para titular: "serif de alto contraste o
humanista", y no una grotesca condensada. Archivo cubre ES/EN
idéntico por diseño. JetBrains Mono para antetítulos, cifras,
etiquetas y el rótulo de propuesta. */
--display: "Fraunces", Georgia, "Times New Roman", serif;
--sans: "Archivo", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
/* --- Escala tipográfica (fluida, no-scroll) — SIN CAMBIOS --- */
--fs-eyebrow: clamp(.62rem,.78vw,.74rem);
--fs-lead: clamp(1.1rem,1.7vw,1.5rem);
--fs-h1: clamp(2.6rem,5.4vw,5.4rem);
--fs-h2: clamp(1.9rem,3.6vw,3.4rem);
--fs-body: clamp(.95rem,1.05vw,1.06rem);
/* --- Retícula / espaciado — SIN CAMBIOS --- */
--wrap: min(1240px, 92vw);
--gutter: clamp(20px,4vw,56px);
--nav-w: clamp(64px,7vw,96px);
--radius: 14px;
/* --- Motion (sobrio; se anula con prefers-reduced-motion) — SIN CAMBIOS --- */
--ease: cubic-bezier(.22,.61,.36,1);
--ease-in:cubic-bezier(.5,0,.75,0);
--dur-fast: 240ms;
--dur: 420ms;
--dur-slow: 720ms;
/* --- Sombras (mínimas, recoloreadas a tinta cálida: una sombra
azulada sobre crema ensucia el papel) --- */
--shadow-1: 0 1px 2px rgba(36,28,22,.04), 0 8px 24px rgba(36,28,22,.07);
--shadow-2: 0 2px 4px rgba(36,28,22,.05), 0 18px 48px rgba(36,28,22,.11);
/* --- Extras CREATE (no existían en el ancla; no rompen el motor) --- */
--accent-2: #A9762F; /* BRONCE — degradado a tono cálido secundario.
Es el tono de las atmósferas ya producidas: material, no marca. */
--paper-warm: rgba(245,240,232,.86); /* velo de papel sobre foto */
}
@media (prefers-reduced-motion: reduce){
:root{ --dur-fast:0ms; --dur:0ms; --dur-slow:0ms; }
}
/* ============================================================
BARANDA DE CONTRASTE — no negociable
Nunca fondo oscuro con texto claro en esta presentación
(orden explícita de David). Si el motor trae una escena
invertida, este bloque la devuelve a papel claro.
============================================================ */
.scene--invert,
.scene--dark,
[data-theme="dark"]{
background: var(--paper) !important;
color: var(--ink) !important;
}
/* Rótulo obligatorio de dirección propuesta.
Uso: