/* ==========================================================================
   Dotico Design Tokens — ÚNICA fuente de verdad de estilos del sistema.
   Regla del Documento Maestro §4.2: cambiar un estilo global = editar ESTE archivo.
   Prohibido definir colores, espaciados o tipografías fuera de estos tokens.
   ========================================================================== */

/* Tipografía del sistema: Nunito (variable, 200-1000) embebida — sin dependencia de CDN */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/nunito.woff2') format('woff2');
}

:root {
    /* ---- Marca (inamovible — dueño del producto) ---- */
    --color-primary: #003b7a;          /* Azul Dotico */
    --color-on-primary: #ffffff;       /* Texto sobre azul Dotico */
    --color-surface: #ffffff;          /* Blanco Dotico */
    --color-primary-strong: #002a57;
    --color-primary-soft: #e8f0f8;     /* Fondo azul claro (hover/tint) */

    /* ---- Semánticos ---- */
    --color-danger: #b3261e;
    --color-danger-soft: #fbeae8;
    --color-success: #146c43;
    --color-success-soft: #e6f4ec;
    --color-warning: #8a5a00;
    --color-warning-soft: #fdf3dd;
    --color-info: #003b7a;
    --color-info-soft: #e8f0f8;

    /* ---- Neutros (derivados del azul Dotico) ---- */
    --color-text: #111827;
    --color-text-secondary: #4b5563;
    --color-text-muted: #6b7280;
    --color-border: #d1d5db;
    --color-border-strong: #9ca3af;
    --color-bg: #f3f4f6;               /* Fondo general de página */
    --color-bg-subtle: #f9fafb;
    --color-overlay: rgba(17, 24, 39, 0.5);

    /* ---- Tipografía (redonda y amigable por decisión del dueño) ---- */
    --font-family: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-family-mono: "Cascadia Mono", Consolas, monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* ---- Espaciado (escala base 4px) ---- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

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

    /* ---- Sombras ---- */
    --shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.08);
    --shadow-md: 0 4px 12px rgba(17, 24, 39, 0.12);
    --shadow-lg: 0 12px 32px rgba(17, 24, 39, 0.2);

    /* ---- Navegación: ítem ACTIVO (spec del dueño, 2026-09-04) ---- */
    --nav-active-bg: #F0F5FF;
    --nav-active-text: #0052CC;
    --nav-active-shadow: 0px 8px 16px -4px rgba(0, 82, 204, 0.15);

    /* ---- Movimiento ---- */
    --transition-fast: 120ms ease;
    --transition-normal: 200ms ease;

    /* ---- Z-index ---- */
    --z-modal: 1000;
    --z-drawer: 900;
    --z-toast: 1100;
    --z-sticky: 100;

    /* ---- Medidas de control ---- */
    --control-height-sm: 2rem;
    --control-height-md: 2.5rem;
    --control-height-lg: 3rem;
}