/* --- assets/root.css --- */

/* 1. FUENTES CUSTOM */
@font-face {
    font-family: 'Milker';
    /* woff2 = misma fuente comprimida (~75% más liviana). El .OTF queda de respaldo. */
    src: url('./fonts/milker.woff2') format('woff2'),
         url('./fonts/MILKER.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tansongbird';
    src: url('./fonts/tansongbird.woff2') format('woff2'),
         url('./fonts/TANSONGBIRD.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heading Now';
    /* Recortada a caracteres latinos/español: 161 KB -> 25 KB */
    src: url('./fonts/headingnow.woff2') format('woff2'),
         url('./fonts/HEADINGNOW-77EXTRABOLD.OTF') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* 2. VARIABLES GLOBALES Y MODO CLARO (Por defecto - Fondo Blanco) */
:root {
    /* --- Tipografías --- */
    --font-title: 'Milker', sans-serif;
    --font-body: 'Tansongbird', sans-serif;
    /* Hero, menú, footer y páginas internas */
    --font-display: 'Heading Now', 'Milker', sans-serif;

    /* --- Transiciones --- */
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

    /* --- Intro --- */
    --intro-bg: #ffffff;
    --intro-text: #000000;

    /* --- Web Principal: MODO CLARO (Por defecto) --- */
    --bg-primary: #ffffff;
    --bg-secondary: #f4f4f4;
    --text-primary: #111111;
    --text-secondary: #666666;
    --border-color: rgba(0, 0, 0, 0.15);
}

/* --- Web Principal: MODO OSCURO (Versión opcional) --- */
body.dark-mode {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --text-primary: #ffffff;
    --text-secondary: #888888;
    --border-color: rgba(255, 255, 255, 0.15);
}

/* 3. RESETEO GLOBAL */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-body);
    overflow-x: hidden;
    scroll-behavior: smooth;
    transition: background-color 0.4s ease, color 0.4s ease;
}