/* ==========================================================================
   COWIN · Tokens de diseño
   Estructura y escalas tomadas de lineaitalia.com.mx (marcos redondeados, tarjetas con foto,
   tipografía ligera, botones de 8px). Colores y logotipo: guía oficial de COWIN.
   ========================================================================== */

@font-face {
    font-family: 'Hanken Grotesk';
    src: url('../fonts/hanken-latin.woff2') format('woff2');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* Marca */
    --navy: #29235c;
    --navy-deep: #1b1745;
    --blue: #2f7abe;
    --yellow: #f3b645;
    --red: #e53c36;
    --green: #3aaa35;

    /* Neutros (con un toque del navy de la marca) */
    --bg: #ffffff;
    --surface: #f6f6f9;
    --surface-2: #fafafc;
    --ink: #17162b;
    --ink-mid: #3b3a56;
    --ink-soft: #6f6e87;
    --line: rgba(41, 35, 92, .11);
    --line-soft: rgba(41, 35, 92, .07);
    --ok: #1f7a3d;
    --error: #b3261e;

    /* Sombras y formas */
    --shadow: 0 16px 40px -28px rgba(23, 22, 43, .35);
    --shadow-sm: 0 6px 20px -14px rgba(23, 22, 43, .3);
    --r-btn: 8px;
    --r-card: 16px;
    --r-frame: clamp(14px, 1.2vw, 22px);
    --r-pill: 999px;

    /* Medidas */
    --marco-max: 1320px;
    --marco-gutter: clamp(12px, 1.6vw, 28px);
    --contenedor: 1180px;
    --pad-x: clamp(18px, 3vw, 36px);
    --nav-h: 76px;
    --espacio-seccion: clamp(64px, 8vw, 104px);

    /* Escala tipográfica */
    --fs-eyebrow: .72rem;
    --fs-h1: clamp(2.3rem, 2.8vw + 1rem, 3.9rem);
    --fs-h2: clamp(1.9rem, 3.4vw, 2.8rem);
    --fs-h2-grande: clamp(2rem, 4.4vw, 3.4rem);
    --fs-h3: clamp(1.15rem, 1vw + 1rem, 1.5rem);
    --fs-lead: clamp(1rem, .35vw + .95rem, 1.15rem);
    --fs-btn: .97rem;

    --ease: cubic-bezier(.2, .7, .2, 1);

    --fuente: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}