/* * Palette overrides for the Servicios demo. * Source: landingsfinales/mi-oficio-landing-profesional (copied verbatim). * * The viewer posts the palette id to /demos/assets/demo-runtime.js, which sets * data-demo-palette on . The id "original" removes the attribute, so the * untouched css/style.css stays the single source of truth for the delivered * palette and only the alternate palette is declared here. * * Scope: accent tokens and the hardcoded accent surfaces that would otherwise * ignore the palette. Photographs, icon SVGs and the WhatsApp green are never * recoloured. */ html[data-demo-palette='taller-verde'] { --navy: #11493d; --blue: #0f6b5c; --blue-2: #12876f; --blue-soft: #eaf6f2; --orange: #d97706; --orange-dark: #b45309; --text: #10332d; --muted: #5f7570; --line: #d7eae4; --surface: #f4faf7; } /* Hardcoded accent surfaces that do not read from :root. */ html[data-demo-palette='taller-verde'] .final-cta { background: linear-gradient(90deg, #0f6b5c, #0b4a40); } html[data-demo-palette='taller-verde'] .cta-image::after { background: linear-gradient(90deg, transparent, #0f6b5c); } html[data-demo-palette='taller-verde'] .step-icon { background: #eaf6f2; } html[data-demo-palette='taller-verde'] .benefits article { border-right-color: #d7eae4; border-bottom-color: #d7eae4; }