/**
 * ========================================================================
 * FUSION APP — TACTICAL PRO DESIGN SYSTEM TOKENS
 * Inspirado en interfaces tácticas militares ultra-rápidas y limpias (tipo 12astral).
 * Identidad: Guardia Civil y FAS de alta precisión.
 * ========================================================================
 */

:root {
    /* ── 1. PRIMARIO / GUARDIA CIVIL ── */
    --primary: #1B4D3E;
    --primary-hover: #2D6A4F;
    --primary-active: #14382D;
    --primary-rgb: 27, 77, 62;
    --primary-subtle: rgba(27, 77, 62, 0.08);
    --primary-light: rgba(27, 77, 62, 0.12);
    --primary-glow: rgba(27, 77, 62, 0.15);

    /* Compatibilidad con variables previas (--brand y --accent) */
    --brand: #1B4D3E;
    --brand-hover: #2D6A4F;
    --brand-strong: #14382D;
    --accent: #1B4D3E;
    --accent-hover: #2D6A4F;
    --accent-active: #14382D;
    --accent-soft: rgba(27, 77, 62, 0.08);
    --accent-ink: #14382D;
    --accent-glow: rgba(27, 77, 62, 0.15);

    /* Tokens OKLCH correspondientes a #1B4D3E */
    --accent-l: 0.38;
    --accent-c: 0.06;
    --accent-h: 170;

    /* ── 2. ACENTOS DE HONOR / INSIGNIAS ── */
    --accent-honor: #C59B27;        /* Dorado militar */
    --accent-insignia: #D97706;     /* Ámbar de insignia */
    --gold: #C59B27;
    --gold-hover: #B48A1F;
    --gold-light: rgba(197, 155, 39, 0.12);
    --gold-border: rgba(197, 155, 39, 0.25);
    --insignia: #D97706;
    --insignia-light: rgba(217, 119, 6, 0.12);
    --insignia-border: rgba(217, 119, 6, 0.25);

    /* Semántica */
    --success: #1B4D3E;
    --success-soft: rgba(27, 77, 62, 0.08);
    --warning: #D97706;
    --warning-soft: rgba(217, 119, 6, 0.12);
    --danger: #DC2626;
    --danger-soft: #FEE2E2;
    --info: #0284C7;
    --info-soft: #E0F2FE;
    --warm: #D97706;

    /* ── 3. SUPERFICIES (GRIS TÁCTICO & TARJETAS BLANCAS) ── */
    --bg: #F4F6F8;                  /* Fondo táctico limpio */
    --bg-page: #F4F6F8;
    --surface: #FFFFFF;             /* Tarjetas blanco puro */
    --surface-card: #FFFFFF;
    --surface-2: #FFFFFF;
    --surface-sunken: #F1F4F6;      /* Relieve táctico sutil */
    --surface-muted: #F8FAFC;

    /* ── 4. TEXTOS DE ALTA LEGIBILIDAD ── */
    --text: #0F172A;                /* Principal */
    --text-main: #0F172A;
    --text-primary: #0F172A;
    --text-secondary: #475569;      /* Secundario */
    --text-soft: #475569;
    --text-mute: #64748B;
    --text-faint: #94A3B8;

    /* ── 5. BORDES DE ALTA PRECISIÓN ── */
    --line: rgba(15, 23, 42, 0.08);
    --border: 1px solid rgba(15, 23, 42, 0.08);
    --border-color: rgba(15, 23, 42, 0.08);
    --border-subtle: 1px solid rgba(15, 23, 42, 0.05);
    --border-tactical: 1px solid rgba(15, 23, 42, 0.08);

    /* ── 6. SOMBRAS DE RENDIMIENTO ULTRA-LIGERO (Eliminación de neumorfismo pesado) ── */
    --shadow-tactical: 0 1px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.03);
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 4px 14px rgba(27, 77, 62, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
    --shadow-focus: 0 0 0 3px rgba(27, 77, 62, 0.15);

    /* Reemplazo directo de variables neumórficas por sombras ligeras */
    --shadow-light: transparent;
    --shadow-dark: rgba(15, 23, 42, 0.06);
    --elev-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --elev-1: 0 1px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.03);
    --elev-2: 0 4px 12px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.03);
    --elev-3: 0 8px 24px rgba(0, 0, 0, 0.06), 0 16px 36px rgba(0, 0, 0, 0.04);
    --inset-1: inset 0 1px 2px rgba(15, 23, 42, 0.04);
    --inset-2: inset 0 2px 4px rgba(15, 23, 42, 0.06);

    /* ── 7. RADIOS MODERADOS (12px en vez de 24px) ── */
    --radius-xl: 16px;
    --radius-lg: 12px;
    --radius-md: 10px;
    --radius-sm: 8px;
    --radius-xs: 6px;
    --radius-pill: 9999px;
    --radius: 12px;

    /* ── 8. MOTION Y RENDIMIENTO (150ms transform/opacity) ── */
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --duration: 150ms;
    --duration-slow: 250ms;
}