/* ==========================================================================
   TOKENS DE DISEÑO - SISTEMA EMPRESARIAL (Estilo Kadence)
   ========================================================================== */

:root {
    /* =========================================
       1. PALETA DE COLORES (Marca y Jerarquía)
       ========================================= */
    
    /* Colores de Marca */
    --color-primary: #134d88;       /* Azul corporativo base */
    --color-primary-hover: #0e3b69; /* Azul más oscuro para interacciones */
    
    --color-secondary: #134d88;     /* Mismo que primario según requerimiento */
    --color-secondary-muted: rgba(19, 77, 136, 0.1); /* Fondo translúcido para jerarquía secundaria */
    
    --color-tertiary: #e2e8f0;      /* Gris azulado elegante para bordes y divisiones */

    /* Superficies y Fondos */
    --color-bg-app: #f8fafc;        /* Fondo general (Gris muy claro, casi blanco) */
    --color-surface: #ffffff;       /* Fondo de tarjetas, modales y formularios */
    
    /* Textos */
    --color-text-main: #1e293b;     /* Texto principal (Gris pizarra oscuro) */
    --color-text-muted: #64748b;    /* Texto secundario (Instrucciones, placeholders) */
    --color-text-inverse: #ffffff;  /* Texto sobre fondos oscuros (ej. botones primarios) */

    /* =========================================
       2. COLORES SEMÁNTICOS (Estados del Sistema)
       ========================================= */
    
    --color-success: #059669;       /* Verde esmeralda formal */
    --color-warning: #d97706;       /* Ámbar / Naranja oscuro */
    --color-error: #dc2626;         /* Rojo carmesí para alertas */
    --color-info: #0284c7;          /* Azul claro informativo */

    /* Fondos para alertas (10% de opacidad del color base aprox) */
    --color-success-bg: #ecfdf5;
    --color-warning-bg: #fffbeb;
    --color-error-bg: #fef2f2;
    --color-info-bg: #f0f9ff;

    /* =========================================
       3. TIPOGRAFÍA EMPRESARIAL
       ========================================= */
    
    /* 'Inter' es el estándar moderno corporativo. Si falla, usa la del sistema operativo */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Escala Tipográfica (Rem) */
    --font-size-xs: 0.75rem;        /* 12px - Notas al pie, badges */
    --font-size-sm: 0.875rem;       /* 14px - Labels de formularios, menús secundarios */
    --font-size-p: 1rem;            /* 16px - Texto general, inputs */
    --font-size-h3: 1.25rem;        /* 20px - Títulos de tarjetas */
    --font-size-h2: 1.5rem;         /* 24px - Títulos de sección (ej. Login) */
    --font-size-h1: 2rem;           /* 32px - Títulos principales de página */

    --font-weight-regular: 400;
    --font-weight-medium: 500;      /* Para labels y botones */
    --font-weight-semibold: 600;    /* Para encabezados formales */

    /* =========================================
       4. ESPACIADOS (Sistema Base 8)
       ========================================= */
    
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;             /* Padding interno de botones e inputs */
    --spacing-lg: 24px;             /* Separación entre grupos de inputs */
    --spacing-xl: 32px;             /* Padding interno de tarjetas (Cards) */
    --spacing-xxl: 48px;            /* Separación mayor estructural */

    /* =========================================
       5. ESTRUCTURA Y EFECTOS VISUALES
       ========================================= */
    
    /* Bordes (Menos redondeados = Más formalidad corporativa) */
    --border-radius-sm: 2px;        /* Checkboxes */
    --border-radius-md: 4px;        /* Inputs y Botones */
    --border-radius-lg: 8px;        /* Tarjetas principales */

    /* Sombras (Sutiles y elegantes) */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    
    /* Foco de accesibilidad (Anillo azul corporativo) */
    --shadow-input-focus: 0 0 0 3px rgba(19, 77, 136, 0.2); 
    
    --transition-speed: 0.2s;
}