/* =========================================================
   Tipografía Geist Variable (estilo shadcn/ui)
   - Variable font (wght 100-900) auto-hospedada en /assets/fonts/geist
   - Definimos variables CSS --font-sans y --font-mono igual
     que las que usa shadcn/ui en sus presets.
   ========================================================= */

/* Geist Sans (Variable, wght 100..900) */
@font-face {
    font-family: 'Geist Variable';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url('/assets/fonts/geist/Geist-Variable.woff2') format('woff2-variations');
    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;
}

/* Geist Mono (Variable, wght 100..900) */
@font-face {
    font-family: 'Geist Mono Variable';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url('/assets/fonts/geist/GeistMono-Variable.woff2') format('woff2-variations');
    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;
}

/* Fallback no-variable (compatibilidad con navegadores muy antiguos
   o por si falla el archivo variable) */
@font-face {
    font-family: 'Geist';
    src: url('/assets/fonts/geist/Geist-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('/assets/fonts/geist/Geist-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Variables CSS al estilo shadcn/ui */
:root {
    --font-sans: 'Geist Variable', 'Geist', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
                 sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
                 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: 'Geist Mono Variable', ui-monospace, SFMono-Regular, Menlo,
                 Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

/* Aplicación global: la tipografía sans para todo el documento */
html {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* La monospace para código por defecto */
code,
kbd,
samp,
pre {
    font-family: var(--font-mono);
}