/**
 * EYVALA CORE - Tokens de diseño compartidos.
 *
 * Fuente única de la escala tipográfica y de espaciado, basada en la
 * proporción áurea (φ ≈ 1.618), para las páginas de Familia (Mi Cuenta,
 * Agregar/Editar mascota, Recuperación, Configurar ID, perfil privado).
 *
 * 3 tramos de ancho — el de "laptop" es el que no existía antes: cada
 * hoja de estilo del plugin solo tenía un breakpoint de móvil
 * (max-width: 767px) y ningún tramo intermedio, así que un portátil de
 * 14" (1280×720 / 1366×768) heredaba los mismos tamaños fijos pensados
 * para monitores ≥1920px.
 *
 *   Móvil   ≤767px    base 15px
 *   Laptop  768–1439px base 16px  (valor por defecto de :root, sin media query)
 *   Escritorio ≥1440px base 17px
 *
 * Escala tipográfica: paso φ^(1/3) ≈ 1.174 entre tamaños adyacentes;
 * --ey-font-xxl usa el salto completo φ² desde la base (por eso 42px en
 * el tramo laptop coincide con el clamp() ya existente de
 * .eyvala-greeting-title — no es una coincidencia, es el mismo criterio).
 *
 * Espaciado: sucesión de Fibonacci (converge a φ), fija en los 3 tramos
 * — el volumen de "aire" entre bloques no es lo que hace sentir grande
 * una página; el tamaño del texto sí.
 */

:root {
    --ey-font-xs: 12px;
    --ey-font-sm: 14px;
    --ey-font-base: 16px;
    --ey-font-md: 19px;
    --ey-font-lg: 22px;
    --ey-font-xl: 26px;
    --ey-font-xxl: 42px;

    --ey-space-1: 8px;
    --ey-space-2: 13px;
    --ey-space-3: 21px;
    --ey-space-4: 34px;
    --ey-space-5: 55px;
}

@media (max-width: 767px) {
    :root {
        --ey-font-xs: 11px;
        --ey-font-sm: 13px;
        --ey-font-base: 15px;
        --ey-font-md: 17px;
        --ey-font-lg: 19px;
        --ey-font-xl: 22px;
        --ey-font-xxl: 28px;
    }
}

@media (min-width: 1440px) {
    :root {
        --ey-font-xs: 13px;
        --ey-font-sm: 15px;
        --ey-font-base: 17px;
        --ey-font-md: 20px;
        --ey-font-lg: 24px;
        --ey-font-xl: 28px;
        --ey-font-xxl: 45px;
    }
}