/* =========================================================
   DOBLE-CE | BASE
   Variables globales, reset y estilos de documento
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700;1,900&family=Lato:wght@300;400;700&display=swap');

:root {
    --color1: #D1DDBF;      /* verde musgo claro — fondo cards / sección  */
    --color2: #F8CA71;      /* amarillo ocre — acento principal            */
    --color3: #C8960A;      /* dorado oscuro — bordes, íconos              */
    --color4: #B85C2A;      /* terracota — CTA, alertas                    */
    --color5: #2D3E28;      /* verde bosque oscuro — títulos, nav          */
    --color6: #fbecbf;
    --color-body: #5C5C5C;  /* gris carbón — texto cuerpo                  */
    --bg-color: #FDFBF2;    /* crema / hueso — fondo principal             */
    --bg-warm: #EFF3E4;     /* verde pálido — secciones alternas           */
    --card-bg: #FFFFFF;     /* blanco puro — tarjetas                      */
    --border-subtle: rgba(200, 150, 10, 0.20);
    --shadow-warm: 0 8px 32px rgba(45, 62, 40, 0.09);
    --shadow-hover: 0 16px 48px rgba(45, 62, 40, 0.15);
    --font-display: Georgia, 'Playfair Display', serif;
    --font-body: 'Lato', 'Segoe UI', sans-serif;
    --nav-height: 68px;
    --radius: 4px;
    --radius-lg: 12px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    background-color: var(--bg-color);
    color: var(--color-body);
    padding-top: var(--nav-height);
    line-height: 1.6;
}