/* variables.css — tokens de diseño reutilizados en todo el sitio */ /* ATENCIÓN — LICENCIA DE FUENTE PENDIENTE (Hartin2): Hartin2.TTF parece tener licencia de uso personal/no comercial según las fuentes consultadas. Se usa acá como referencia de desarrollo. Antes de publicar el sitio, confirmar con la diseñadora una licencia de uso comercial/web, o reemplazar por una alternativa libre (ej. Special Elite de Google Fonts). */ @font-face { font-family: 'Hartin2'; src: url('../fonts/Hartin2.TTF') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } /* ATENCIÓN — LICENCIA DE FUENTE PENDIENTE (Myriad Pro): MyriadPro-Regular.otf es una fuente de Adobe/Linotype. Auto-hospedar el archivo exportado de Adobe Fonts en un servidor propio típicamente NO está permitido por la licencia estándar de Adobe Fonts (que solo autoriza servirla vía el CDN de Adobe con una suscripción activa). NO subir este @font-face a producción sin confirmar la licencia con la diseñadora. Se deja definido acá solo para previsualización local. */ @font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } /* Montserrat es de código abierto (SIL Open Font License) — sin restricciones para auto-hospedar. Esta es la variante itálica que nos pasó la diseñadora; el resto de los pesos se sigue trayendo de Google Fonts en el de cada página. */ @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } :root { /* Color — fondo y texto */ --color-bg: #eae7e1; --color-bg-alt: #f5f3ef; --color-text: #2b2926; --color-text-muted: #7a756d; /* Color — barra de navegación (textura piedra/tela) */ --color-nav-bg-start: #b7afa0; --color-nav-bg-end: #948a79; --color-nav-text: #2b2926; /* Color — acentos */ --color-accent-coral: #e2572b; --color-accent-red: #c4291b; --color-accent-teal: #4f7c82; --color-accent-verde: #5b8a5b; --color-accent-verde-hover: #466b46; /* Color — botones */ --color-button-bg: #47536b; --color-button-bg-hover: #333d51; --color-button-text: #ffffff; /* Color — accesibilidad */ --color-focus: #1f5fa8; /* Tipografía */ --font-display: 'Hartin2', 'Special Elite', cursive; --font-body: 'Montserrat', sans-serif; --font-alt: 'Myriad Pro', 'Montserrat', sans-serif; --font-size-base: 1rem; --line-height-base: 1.6; /* Espaciado */ --space-2xs: 0.25rem; --space-xs: 0.5rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2.5rem; --space-xl: 4rem; --space-2xl: 6rem; /* Layout */ --container-max: 1200px; --radius-sm: 4px; --radius-md: 8px; /* Movimiento */ --transition-fast: 150ms ease; --transition-base: 250ms ease; }