/* ==================================================================
   brand.css — Variables de marca (MARCA BLANCA)
   Edita SOLO este archivo para cambiar identidad visual del sistema.
   ================================================================== */

:root {
    /* Color — paleta jsadsAI: blanco / negro / azul eléctrico como acento.
       Look tecnológico y AI-first, sin perder autoridad legal-forense. */
    --brand-dark:            #05070D;   /* negro técnico puro */
    --brand-primary:         #0B1B36;   /* azul profundo / navy técnico (grandes superficies) */
    --brand-primary-strong:  var(--brand-dark);
    --brand-primary-soft:    #16294F;
    --brand-secondary:       #4A5568;   /* grafito frío */
    --brand-accent:          #1D4FD8;   /* azul eléctrico — acento de marca, WCAG AA sobre blanco */
    --brand-accent-soft:     #DCE6FF;

    /* Neutros */
    --brand-bg:              #F7F9FC;
    --brand-surface:         #FFFFFF;
    --brand-surface-alt:     #EEF2F9;
    --brand-border:          #DEE6F2;
    --brand-text-strong:     #0A1730;   /* negro técnico */
    --brand-text:            #1B2333;
    --brand-text-soft:       #55607A;
    --brand-text-mute:       #8792AC;

    /* Estados */
    --state-info:    #2A5C8A;
    --state-success: #2F6B4A;
    --state-warning: #8C6A1F;
    --state-danger:  #8B2E2E;

    /* Tipografía */
    --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, 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;

    /* Radios y sombras */
    --radius-sm: 4px;
    --radius:    8px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(11, 31, 58, 0.06);
    --shadow:    0 4px 14px rgba(11, 31, 58, 0.08);
    --shadow-lg: 0 12px 36px rgba(11, 31, 58, 0.12);

    /* Layout */
    --container-max: 1180px;
}