/*
 * Tokens de diseño (variables CSS globales).
 * Tema oscuro tecnológico. Punto único para colores, espacios y tipografía.
 */
:root {
    /* Colores */
    --okip-color-bg: #020711;
    --okip-color-bg-elev: #0a1422;
    --okip-color-text: #f4f7fb;
    --okip-color-text-muted: #b9c4d4;
    --okip-color-accent: #ff5a14;       /* naranja OKIP */
    --okip-color-accent-2: #3c8cff;     /* azul tecnológico */
    --okip-color-line: rgba(255, 255, 255, .12);

    /* Superficies claras (bloques 3-6: Industry Carousel, Product Story, News) */
    --okip-color-surface-light: #ffffff;     /* fondo blanco compartido */
    --okip-color-text-dark-muted: #7a8899;   /* texto atenuado sobre fondo claro */

    /* Navbar (los valores configurables se sobreescriben inline desde navbar.php) */
    --okip-navbar-h: 68px;
    --okip-navbar-bg: rgba(0, 0, 0, .86);          /* negro casi sólido (ref navbar.png) */
    --okip-navbar-blur: 14px;                       /* blur gaussiano (backdrop-filter) */
    --okip-navbar-border: rgba(255, 255, 255, .12); /* borde inferior */
    --okip-navbar-text: #ffffff;                    /* color de enlaces */
    --okip-navbar-active: #ffffff;                  /* subrayado del enlace activo */

    /* Espaciado */
    --okip-space-1: .25rem;
    --okip-space-2: .5rem;
    --okip-space-3: 1rem;
    --okip-space-4: 1.5rem;
    --okip-space-5: 2.5rem;
    --okip-space-6: 4rem;

    /* Layout */
    --okip-container: 1200px;
    --okip-container-pad: 1.5rem;
    --okip-radius: 14px;

    /* Tipografía */
    --okip-font-base: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --okip-font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;

    /* Capas (z-index) */
    --okip-z-navbar: 1000;

    /* Easing */
    --okip-ease: cubic-bezier(.22, 1, .36, 1);

    /*
     * Breakpoints (referencia — NO usables en @media queries directamente).
     *   --okip-bp-mobile : 768px  → Hero layout móvil (grid single-col)
     *   --okip-bp-tablet : 1024px → Navbar hamburguesa · PM is-static + single-col
     * Todos los @media del tema deben usar ESTOS valores para consistencia.
     */
}