/* ============================================================
   variables.css — Design tokens globales
   ============================================================ */

:root {
    /* Paleta corporativa */
    --color-primary:    #0C2C55;
    --color-secondary:  #296374;
    --color-accent:     #629FAD;
    --color-light:      #EDEDCE;

    /* Semánticos */
    --color-success:    #2E7D32;
    --color-warning:    #EDB949;
    --color-danger:     #C62828;
    --color-info:       #1565C0;

    /* Tipografía */
    --color-text:       #1A1A1A;
    --color-text-muted: #6B7280;
    --color-text-inv:   #F5F5F5;

    /* Bordes y superficies */
    --color-border:     #D8D8D8;
    --color-surface:    #FFFFFF;
    --color-surface-2:  #F7F8FA;
    --color-sidebar:    #0C2C55;
    --color-sidebar-hover: rgba(255,255,255,0.08);
    --color-sidebar-active: rgba(98,159,173,0.20);
    --color-header:     #FFFFFF;

    /* Sombras */
    --shadow-xs:  0 1px 2px rgba(0,0,0,.05);
    --shadow-sm:  0 1px 4px rgba(0,0,0,.08);
    --shadow-md:  0 4px 12px rgba(0,0,0,.10);
    --shadow-lg:  0 8px 24px rgba(0,0,0,.12);

    /* Radios */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-full: 9999px;

    /* Espaciados */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;

    /* Layout */
    --sidebar-width:  260px;
    --sidebar-collapsed-width: 68px;
    --header-height:  64px;
    --content-max:    1280px;

    /* Transiciones */
    --transition: 0.2s ease;
    --transition-slow: 0.35s ease;

    /* Tipografía */
    --font-sans: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semi:   600;
    --fw-bold:   700;
}