/* ============================================================================
   Novatecsystem | Portal Web Corporativo + NEIF
   Módulo M1 — Tokens de diseño (sistema visual institucional).
   ============================================================================ */

:root {
    /* Paleta institucional */
    --color-primary: #1D9E75;
    --color-primary-dark: #085041;
    --color-primary-soft: #E8F8F2;
    --color-ink: #444444;
    --color-graphite: #111418;
    --color-graphite-2: #181D22;
    --color-surface: #20262C;
    --color-text-light: #F4F7F6;
    --color-text-muted: #AAB5B1;
    --color-accent: #45D483;
    --color-tech: #39BFC8;
    --color-border: #2A3338;
    --color-white: #FFFFFF;
    --color-focus: #45D483;

    /* Tipografía local (sin fuentes externas) */
    --font-body: Arial, Helvetica, sans-serif;
    --font-code: Consolas, "Courier New", monospace;

    /* Espaciado */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;

    /* Radios */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.4);

    /* Estructura */
    --container: 1160px;
    --header-h: 76px;

    /* Interacción */
    --focus-ring: 3px solid var(--color-focus);
    --transition: 0.2s ease;
}