/* ============================================================ TOKENS · Sistema Visual Soma Lift (ver docs/04-SISTEMA-VISUAL.md) Verificado contra el :root del portal-v22.html canónico. ============================================================ */ :root{ /* Tipografía (fuentes locales en /fonts) */ --font-serif:'Libre Baskerville', Georgia, 'Times New Roman', serif; --font-sans:'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* Navy */ --navy:#0B1623; --navy-2:#142233; --navy-3:#1C2C42; /* Oro (el oficial de marca es --gold-light #C9A968) */ --gold:#A8853E; --gold-light:#C9A968; --gold-pale:#EFE4C9; --gold-deep:#7E6228; /* Marfil / papel */ --cream:#FBF6EA; --cream-2:#F4ECD9; --paper:#F5EEDE; /* Texto */ --text:#15202E; --text-muted:#384151; --text-light:#737A85; /* Acentos secundarios */ --purple:#6E658A; --coral:#B85A30; --teal:#7E6228; /* Líneas y radios (filos casi rectos · editorial) */ --border:rgba(15,22,35,0.10); --rule-gold:rgba(168,133,62,0.32); --radius:2px; --radius-sm:3px; /* ── Entrada ceremonial (splash · login · acuerdo) · navy FIJO en ambos modos ── No se sobreescribe en body.evening: estas pantallas son "modo noche permanente". */ --ent-hi:#17283E; /* realce alto del gradiente */ --ent-navy:#0B1623; /* navy base */ --ent-deep:#070F19; /* profundo */ --ent-panel:#0A131F; /* panel oscuro */ --ent-gold:#C9A968; /* oro de marca (fijo en la entrada) */ --ent-gold-bright:#E8CF94; /* oro brillante (focus) */ --ent-gold-rgb:201,169,104;/* para bordes/acentos a distintas opacidades */ --ent-ink-rgb:255,255,255; /* texto sobre navy, a distintas opacidades */ --ent-slate:#94A3B8; /* gris suave (intro) */ --ent-cream:#F4ECD9; /* marfil FIJO para texto sobre navy (no invierte en evening) */ /* Escala tipográfica · base MÓVIL — fundada en Apple HIG (iOS) + Material Design 3. El escritorio sube hero/título por media query. NO inventar tamaños al ojo. */ --fs-hero:34px; /* iOS Large Title 34 · MD Display Small 36 (nombre/hero) */ --fs-title:22px; /* iOS Title 2 22 · MD Title Large 22 (título de pantalla) */ --fs-subtitle:17px; /* iOS Headline/Body 17 (subtítulo) */ --fs-body:16px; /* iOS Body 16–17 · MD Body Large 16 · MÍNIMO de inputs (anti-zoom iOS) */ --fs-body-sm:14px; /* MD Body Medium 14 · iOS Subhead 15 (cuerpo secundario) */ --fs-caption:13px; /* iOS Footnote 13 · MD Body Small 12 (nota/sub) */ --fs-label:11px; /* iOS Caption 2 11 · MD Label Small 11 (eyebrows/overlines) */ } /* ---- Modo noche (clase en ) ---- */ body.evening{ --navy:#172A41; --navy-2:#1E3454; --navy-3:#27446D; --gold:#CBAB6A; --gold-light:#DBC58D; --gold-pale:#EFE4C9; --gold-deep:#BD9C5E; --cream:#0A101A; --cream-2:#131E2D; --paper:#10192A; --text:#F0EADA; --text-muted:#AEB9C6; --text-light:#8794A4; --purple:#A79DC9; } /* ---- Escala global del portal (Mínimo / Mediano / Grande) ---- */ html[data-text-scale="sm"]{ zoom:0.9; } html[data-text-scale="lg"]{ zoom:1.1; }