/* Implementación de fuentes personalizadas (Open Sauce) */
@font-face {
    font-family: 'OpenSauce';
    src: url('../assets/fonts/open-sauce/OpenSauceOne-Regular.ttf') format('truetype');
    font-weight: 400; /* Regular */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSauce';
    src: url('../assets/fonts/open-sauce/OpenSauceOne-Medium.ttf') format('truetype');
    font-weight: 500; /* Medium */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSauce';
    src: url('../assets/fonts/open-sauce/OpenSauceOne-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSauce';
    src: url('../assets/fonts/open-sauce/OpenSauceOne-SemiBold.ttf') format('truetype');
    font-weight: 600; /* SemiBold */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSauce';
    src: url('../assets/fonts/open-sauce/OpenSauceOne-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Variables generales del proyecto */
:root {
    --color-primary: #6246C2;
    --color-secondary: #191919;
    --color-tertiary: #27252A;
    --color-light: #F0EAE8;
    --color-dark: #131313;
    --font-primary: 'OpenSauce', 'Open Sans', sans-serif;
    --font-weight-bold: 600;
}

/* Estilo para la selección de texto */
::selection {
    background-color: var(--color-primary);
    color: var(--color-light);
}

/* Estilos generales */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-primary);
}

body {
    color: var(--color-light);
    overflow-x: hidden;
    background-color: var(--color-secondary);
}