/**
 * Kinetic Seven - Color & Typography Core Variables
 * Basado en las guías de diseño de la Landing Page.
 */
:root {
    /* ==== SUPERFICIES OBSIDIAN (Capas de Profundidad) ==== */
    --k-surface-0: #0e0e0e;             /* Fondo base absoluto */
    --k-surface-1: #131313;             /* Fondo Principal de Content y Sidebar */
    --k-surface-2: #1c1b1b;             /* Elevación 1 (Tarjetas, Botones apagados, Dropdowns) */
    --k-surface-3: #2a2a2a;             /* Elevación 2 (Hover sutil, Bordes separadores) */
    
    /* ==== ACENTOS ALTO OCTANAJE (Kinetic Red) ==== */
    --k-primary: #990000;               /* Red Attitude (Botones, Marcas, Tablas) */
    --k-primary-hover: #b82014;         /* Interacción activa de primario */
    --k-primary-subtle: rgba(153, 0, 0, 0.15); /* Fondos translucidos para tags */
    --k-kinetic-pink: #ffb4a8;          /* Acabados de luz, instinto */
    
    /* ==== TIPOGRAFÍA (Tokens de texto sobre oscuro) ==== */
    --k-text-high: #ffffff;             /* Titulares H1-H6, Links activos */
    --k-text-med: #e5e2e1;              /* Cuerpo de texto ordinario */
    --k-text-low: #aeabaa;              /* Metadata, placeholders, texto secundario */

    /* ==== FAMILIAS TIPOGRÁFICAS ==== */
    --k-font-display: 'Space Grotesk', sans-serif; /* Reservada para Headers agresivos y NavBar */
    --k-font-body: 'Lexend', sans-serif;       /* Interface, datos tabulares y paragraphs */

    /* ==== VARIABLES DE ESPACIADO Y RADIO (BRUTALISM: Todo 0) ==== */
    --k-radius-sm: 0;
    --k-radius-md: 0;
    --k-radius-lg: 0;
    --k-transition: 0.2s ease-in-out;
}