@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap');

:root {
    /* ── Colores ── */
    --color-mist: #D3D8D9;
    --color-sage-light: #B8C4C5;
    --color-surface: #F7F8F5;
    --color-white: #FFFFFF;

    --color-olive-soft: #7D8E63;
    --color-olive-main: #76894B;
    --color-olive-deep: #53653C;
    --color-moss: #96A679;
    --color-green-muted: #8E9F63;

    --color-gold: #E0C13A;
    --color-ochre: #A98711;

    --color-ink-green: #171F14;
    --color-ink-soft: #3a4535;

    /* ── Tipografía ── */
    --font-serif: 'Cormorant Garamond', Georgia, serif;
    --font-sans: 'DM Sans', system-ui, sans-serif;

    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-md: 1.125rem;
    --fs-lg: 1.375rem;
    --fs-xl: 1.75rem;
    --fs-2xl: 2.25rem;
    --fs-3xl: 3rem;
    --fs-4xl: 3.75rem;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;

    --lh-tight: 1.15;
    --lh-snug: 1.35;
    --lh-base: 1.6;
    --lh-loose: 1.8;

    /* ── Espaciado ── */
    --sp-1: 0.5rem;
    --sp-2: 1rem;
    --sp-3: 1.5rem;
    --sp-4: 2rem;
    --sp-6: 3rem;
    --sp-8: 4rem;
    --sp-12: 6rem;
    --sp-16: 8rem;

    /* ── Radios ── */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;
    --radius-pill: 999px;

    /* ── Sombras ── */
    --shadow-soft: 0 8px 32px rgba(23, 31, 20, 0.07);
    --shadow-mid: 0 16px 48px rgba(23, 31, 20, 0.11);
    --shadow-hard: 0 24px 72px rgba(23, 31, 20, 0.16);

    /* ── Transiciones ── */
    --t-fast: 0.18s ease;
    --t-base: 0.32s cubic-bezier(0.22, 0.7, 0.2, 1);
    --t-slow: 0.5s cubic-bezier(0.22, 0.7, 0.2, 1);

    /* ── Anchuras ── */
    --container: 1200px;
    --container-narrow: 780px;
}