/* =========================================
   VARIABLES Y TIPOGRAFÍAS GLOBAL
========================================== */
@font-face {
    font-family: 'FuenteTitulos';
    src: url('../fonts/FuenteTitulos.ttf') format('truetype');
    font-weight: bold;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuenteTexto';
    src: url('../fonts/FuenteSubti.ttf') format('truetype');
    font-weight: bold;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Paleta Principal (Español) */
    --color-fondo: #121212; 
    --color-tarjeta: #1E1E1E;
    --color-borde: #333333;
    --color-acento-purpura: #6138a8;
    --color-acento-azul: #3498DB;
    --color-texto-principal: #E0E0E0;
    --color-texto-secundario: #888888;
    
    /* Paleta Secundaria (Detectada en tu código) */
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --accent-color: #ff3b3b;
    --text-main: #ffffff;
    --text-dim: #b3b3b3;
}

/* --- CONFIGURACIÓN BÁSICA --- */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background-color: var(--color-fondo);
    color: var(--color-texto-principal);
    font-family: 'FuenteTexto', Arial, sans-serif; 
}

h1, h2 {
    color: var(--color-acento-purpura);
}

h1, h2, h3, h4, .nav-logo {
    font-family: 'FuenteTitulos', impact, sans-serif;
}