/*
 * ========================================
 * CRES - Variables de marca y tipografía
 * ========================================
 *
 * Reemplaza los bloques <style type="text/tailwindcss"> que antes iban
 * repetidos dentro de cada página. Debe cargarse DESPUÉS de styles.css y de
 * tailwind.css: es el último en el orden de cascada y por eso gana.
 *
 * styles.css define una paleta anterior (dorado #FFA500, azul #001F3F) que
 * estos valores anulan a propósito, igual que hacían los bloques inline.
 */

:root {
    /* Paleta institucional */
    --cres-burgundy: #8B1A1A;
    --cres-burgundy-dark: #6B1414;
    --cres-gold: #C9A961;
    --cres-gold-dark: #B8984A;
    --cres-navy: #2C3E50;
    --cres-navy-dark: #1a252f;
    --cres-cream: #F8F6F1;
    --cres-gray: #4A4A4A;
    --cres-gray-light: #E8E6E1;

    /* Aplicación de colores */
    --primary-color: var(--cres-burgundy);
    --secondary-color: var(--cres-gold);
    --accent-color: var(--cres-navy);
    --text-primary: #2C3E50;
    --text-secondary: #5A6C7D;
    --background-color: #ffffff;
    --background-soft: var(--cres-cream);
    --border-color: var(--cres-gray-light);
}

body {
    font-family: "Crimson Text", "Georgia", serif;
    font-size: 18px;
    line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", "Georgia", serif;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.elegant-italic {
    font-family: "Cormorant Garamond", "Georgia", serif;
    font-style: italic;
}

/* Iconos SVG en línea (reemplazan a los antiguos emojis): escalan con el
   tamaño de fuente del contenedor y heredan su color, igual que un carácter. */
.icn {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
}