/* ============================================================ art-direction-pro — tokens por nicho (drop-in junto al styles.css de scroll-cinematic-pro). Cambiar de tema = data-theme en + el de tipografía del par. Todos los pares ink/bg cumplen contraste AA (4.5:1). ============================================================ */ /* Joyería — macro, materialidad, oscuridad cálida Tipos: Fraunces + Manrope */ [data-theme="noir"] { --bg: #0b0a09; --ink: #f5f1e8; --ink-dim: rgba(245, 241, 232, 0.64); --accent: #c9a227; --accent-soft: rgba(201, 162, 39, 0.14); --surface: #161310; --vignette-opacity: 1; --font-display: "Fraunces", serif; --font-body: "Manrope", system-ui, sans-serif; } /* Inmobiliario lujo — editorial, aire, luz Tipos: Marcellus + Manrope */ [data-theme="arena"] { --bg: #f4efe6; --ink: #1d1a16; --ink-dim: rgba(29, 26, 22, 0.66); --accent: #8a6d3b; --accent-soft: rgba(138, 109, 59, 0.12); --surface: #ebe4d6; --vignette-opacity: 0.35; --font-display: "Marcellus", serif; --font-body: "Manrope", system-ui, sans-serif; } /* Wellness / longevidad — calma clínica premium Tipos: Lora + Sora */ [data-theme="salvia"] { --bg: #f7f5f0; --ink: #232a24; --ink-dim: rgba(35, 42, 36, 0.66); --accent: #5d7a5f; --accent-soft: rgba(93, 122, 95, 0.12); --surface: #edeae2; --vignette-opacity: 0.3; --font-display: "Lora", serif; --font-body: "Sora", system-ui, sans-serif; } /* Arte / galería — audaz, kinético, alto contraste Tipos: Syne + Manrope */ [data-theme="kinetic"] { --bg: #0a0a0a; --ink: #fafafa; --ink-dim: rgba(250, 250, 250, 0.62); --accent: #ff4d2e; --accent-soft: rgba(255, 77, 46, 0.14); --surface: #141414; --vignette-opacity: 0.85; --font-display: "Syne", sans-serif; --font-body: "Manrope", system-ui, sans-serif; } /* Hospitality — sensorial, atardecer, textura Tipos: Prata + Karla */ [data-theme="terra"] { --bg: #1c1410; --ink: #f6ead9; --ink-dim: rgba(246, 234, 217, 0.66); --accent: #d97f4a; --accent-soft: rgba(217, 127, 74, 0.14); --surface: #2a1e16; --vignette-opacity: 0.9; --font-display: "Prata", serif; --font-body: "Karla", system-ui, sans-serif; }