/* ============================================================ THEME / PALETA — ÚNICO ARCHIVO DE COLOR Cambia estos valores y cambia toda la página. ============================================================ */ :root{ /* --- Marca --- */ --c-brand: #14110f; /* color principal (tinta) */ --c-brand-dark: #000000; --c-brand-soft: #f0ece5; --c-accent: #a8834f; /* dorado / detalle de lujo */ --c-accent-dark: #8a6b3d; --c-accent-soft: #f3ece0; /* --- Superficies --- */ --c-bg: #fbfaf7; /* ivory */ --c-bg-alt: #f4f1eb; --c-surface: #ffffff; --c-barra: rgba(251,250,247,.88); /* fondo de la barra del header */ --c-border: #e2ddd3; --c-line: #cfc7b8; /* filetes finos */ /* --- Texto --- */ --c-text: #14110f; --c-text-soft: #544e46; --c-text-invert: #ffffff; /* --- Estados --- */ --c-success: #4b7a52; --c-danger: #9e3b32; /* --- Fondos oscuros (hero / footer) --- */ --c-dark: #14110f; --c-dark-soft: #221e1a; /* --- Tipografía --- */ --font-title: "Cormorant Garamond", "Georgia", "Times New Roman", serif; --font-body: "Jost", "Inter", "Segoe UI", system-ui, sans-serif; --track: .18em; /* interletrado de etiquetas */ /* --- Formas --- */ --radius: 2px; --radius-sm: 2px; --radius-lg: 3px; --shadow: 0 1px 2px rgba(20,17,15,.05); --shadow-lg: 0 22px 60px -30px rgba(20,17,15,.38); --container: 1320px; --header-h: 150px; /* --- Tamano del logo (fuera de la barra) --- */ --logo-h: 118px; /* logo en el header */ --logo-h-stuck: 78px; /* logo cuando la barra se encoge */ } /* Paleta alternativa oscura: pon class="theme-dark" en . */ body.theme-dark{ --c-brand:#f0ece5; --c-brand-dark:#ffffff; --c-brand-soft:#241f1a; --c-accent:#c9a227; --c-accent-dark:#a8862040; --c-accent-soft:#2a2419; --c-bg:#100e0c; --c-bg-alt:#171412; --c-surface:#1b1815; --c-barra:rgba(11,10,9,.88); --c-border:#2c2723; --c-line:#3a332c; --c-text:#f3efe8; --c-text-soft:#a89f93; --c-dark:#0b0a09; --c-dark-soft:#171412; }