/* =========================================================
   TOKENS DE DISEÑO & ATMÓSFERA — PINO LIVE V3
   ========================================================= */

:root {
    /* Superficies y Fondos Base */
    --bg-base: #050507;
    --bg-surface: #0e0e13;
    --bg-elevated: #16161f;

    /* Acento Identidad (Verde Oliva Pino) */
    --accent-pino: #c1cd7d;
    --accent-pino-dim: rgba(193, 205, 125, 0.15);
    --accent-pino-glow: rgba(193, 205, 125, 0.35);

    /* Atmósfera Espectral Secundaria (Índigo Penumbra) */
    --accent-indigo: #1b2038;
    --accent-indigo-glow: rgba(27, 32, 56, 0.45);

    /* Textos y Contrastes */
    --text-primary: #f4f4f7;
    --text-muted: #9595a2;
    --text-dim: #5c5c68;

    /* Líneas y Bordes Estructurales */
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-accent: rgba(193, 205, 125, 0.3);

    /* Tipografía */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Reseteo Universal Básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-base);
    color: var(--text-primary);
    font-family: var(--font-sans);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}