@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
/* Importación desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Fira+Code:wght@300..700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Press+Start+2P&family=Share+Tech+Mono&family=VT323&display=swap');
/*Tipografia principal*/

:root {
    --font-digital: 'DS-Digital', 'Digital Numbers', monospace;
}

/* Importa la fuente oficial de React95 (Windows 95 Sans Serif) */
@import url('https://cdn.jsdelivr.net/npm/@react95/fonts@1.0.0/css/sans-serif.css');
@import url('https://cdn.jsdelivr.net/npm/@react95/fonts@1.0.0/css/index.css');

    @font-face {
        font-family: 'MS_Sans_Serif_8pt'; /* Nombre que tú elijas para la fuente */
        src: url('../fonts/MS_Sans_Serif_8pt.ttf') format('truetype');
        font-weight: normal; /* Define el grosor: normal, bold, etc. */
        font-style: normal;  /* Define el estilo: normal, italic, etc. */
        font-display: swap;  /* Mejora la carga inicial del texto en el navegador */
    }

    @font-face {
        font-family: 'MS_Sans_Serif_8pt_bold'; /* Nombre que tú elijas para la fuente */
        src: url('../fonts/MS_Sans_Serif_8pt_bold.ttf') format('truetype');
        font-weight: bold; /* Define el grosor: normal, bold, etc. */
        font-style: normal;  /* Define el estilo: normal, italic, etc. */
        font-display: swap;  /* Mejora la carga inicial del texto en el navegador */
    }

/* Fuente Digital de Calculadora*/
@import url('https://fonts.googleapis.com/css2?family=Digital+Numbers&display=swap');
@import url('https://fonts.cdnfonts.com/css/ds-digital');

/*====================================*/


/* Tipografias feas ========*/


/* Chakra Petch: Estilo HUD táctico / Sci-Fi (Pesos: 300, 400, 600, 700) */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;600;700&display=swap');

/* Orbitron: Estilo futurista / Interfaz de consola (Pesos: 400, 700, 900) */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap');

/* Fira Code: Código / Terminal técnico moderno (Pesos: 300, 400, 600, 700) */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600;700&display=swap');