/* =========================================================
   CAMPUS FEH UI 2.0
   Design tokens y variables globales
   ========================================================= */

:root {
    /* Anchos */
    --feh-width-site: 1700px;
    --feh-width-app: 1760px;
    --feh-width-dashboard: 1600px;
    --feh-width-reading: 980px;
    --feh-width-card: 1380px;

    /* Márgenes responsive */
    --feh-gutter: clamp(16px, 2.5vw, 44px);

    /* Colores */
    --feh-primary: #0f69b4;
    --feh-primary-dark: #071426;
    --feh-secondary: #eb3c46;

    --feh-text: #0f172a;
    --feh-text-soft: #64748b;

    --feh-surface: #ffffff;
    --feh-surface-soft: #f8fafc;
    --feh-border: #e2e8f0;

    /* Radios */
    --feh-radius-sm: 14px;
    --feh-radius-md: 22px;
    --feh-radius-lg: 30px;
    --feh-radius-pill: 999px;

    /* Sombras */
    --feh-shadow-sm:
        0 10px 26px rgba(15, 23, 42, 0.05);

    --feh-shadow-md:
        0 18px 42px rgba(15, 23, 42, 0.08);

    --feh-shadow-lg:
        0 24px 58px rgba(15, 23, 42, 0.13);

    /* Transiciones */
    --feh-transition:
        180ms ease;
}

@media (min-width: 1900px) {
    :root {
        --feh-width-site: 1760px;
        --feh-width-app: 1840px;
        --feh-width-dashboard: 1680px;
    }
}

@media (max-width: 767px) {
    :root {
        --feh-gutter: 16px;
    }
}