/* ==========================================================================
   SOVEREIGN RAG 2026 — SISTEMA DUAL DE TEMAS (ADR-025)
   ========================================================================== */

/* 🌙 MODO OSCURO (Por Defecto) */
:root {
    --theme-mode: 'dark';
    --bg-base: #080B10;
    --bg-surface: #0E131F;
    --bg-sidebar: #0E131F;
    --bg-card: rgba(18, 24, 38, 0.75);
    --bg-card-hover: rgba(28, 36, 56, 0.85);
    --bg-elevated: #151C2C;
    --bg-user-bubble: #121A2A;
    --border-user-bubble: rgba(59, 130, 246, 0.3);
    --bg-assistant-bubble: #0E131F;
    --border-assistant-bubble: rgba(255, 255, 255, 0.08);
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-active: rgba(16, 185, 129, 0.4);
    --emerald-500: #10B981;
    --emerald-400: #34D399;
    --emerald-glow: rgba(16, 185, 129, 0.15);
    --accent-hero: #10B981;
    --accent-hero-hover: #059669;
    --accent-mint: #34D399;
    --accent-blue: #3B82F6;
    --accent-amber: #F59E0B;
    --accent-red: #EF4444;
    --blue-500: #3B82F6;
    --amber-500: #F59E0B;
    --red-500: #EF4444;
    --text-primary: #F3F4F6;
    --text-secondary: #9CA3AF;
    --text-muted: #6B7280;
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.4);
    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    --sidebar-w: 320px;
    --telemetry-w: 320px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
}

/* ☀️ MODO CLARO (Retro-Tech Cálido & Editorial) */
[data-theme="light"] {
    --theme-mode: 'light';
    --bg-base: #FAF7F2;                      /* Crema Papel Alabastro Cálido */
    --bg-surface: #FFFFFF;                   /* Blanco Puro Nieve */
    --bg-sidebar: #F5F0E8;                   /* Arena Suave para Barra Lateral */
    --bg-card: #FFFFFF;                      /* Blanco para tarjetas y contenedores */
    --bg-card-hover: #EFE9E0;                /* Hover cálido */
    --bg-elevated: #FFFFFF;                  /* Modales y flotantes */
    --bg-user-bubble: #FFEAE3;               /* Melocotón / Salmón Cálido */
    --border-user-bubble: #FFB39F;           /* Borde Salmón */
    --bg-assistant-bubble: #FFFFFF;          /* Blanco con realce menta */
    --border-assistant-bubble: #A7F3D0;      /* Borde Menta Suave */
    --border-subtle: rgba(22, 34, 56, 0.09); /* Tinta suave */
    --border-active: #FF6B4A;                /* Terracota para foco activo */
    --emerald-500: #059669;
    --emerald-400: #10B981;
    --emerald-glow: rgba(255, 107, 74, 0.15);
    --accent-hero: #FF6B4A;                  /* Terracota / Salmón Retro */
    --accent-hero-hover: #E05333;            /* Terracota Intenso */
    --accent-mint: #059669;                  /* Verde Botánico */
    --accent-blue: #2563EB;                  /* Azul Cobalto */
    --accent-amber: #D97706;                 /* Mostaza Cálido */
    --accent-red: #DC2626;                   /* Rojo Coral */
    --blue-500: #2563EB;
    --amber-500: #D97706;
    --red-500: #DC2626;
    --text-primary: #162238;                 /* Azul Marino Tinta Profundo */
    --text-secondary: #475569;               /* Slate 600 */
    --text-muted: #788596;                   /* Gris Acero */
    --shadow-soft: 0 4px 24px rgba(22, 34, 56, 0.06);
}