:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', 'Inter', monospace;

  /* Paleta Corporativa Tecnología & Comunicaciones — Slate Navy & Electric Blue */
  --accent: #2563EB;
  --accent-rgb: 37, 99, 235;
  --accent-dark: #1D4ED8;
  --accent-cyan: #0EA5E9;
  --accent-soft: rgba(37, 99, 235, 0.08);
  --accent-border: rgba(37, 99, 235, 0.28);
  --accent-gradient: linear-gradient(135deg, #0F172A, #2563EB);

  --brand-navy: #0F172A;
  --brand-navy-soft: rgba(15, 23, 42, 0.06);

  /* Superficies */
  --bg-app: #F8FAFC;
  --bg-card: #FFFFFF;
  --bg-card-header: #F1F5F9;
  --bg-hover: #E2E8F0;
  --text-primary: #0F172A;
  --text-secondary: #334155;
  --text-muted: #64748B;
  --border-color: #E2E8F0;

  --success: #16A34A;
  --success-soft: #F0FDF4;
  --danger: #DC2626;
  --danger-soft: #FEF2F2;
  --warning: #D97706;
  --warning-soft: #FFFBEB;

  --shadow-card: 0 1px 3px 0 rgba(15, 23, 42, 0.06), 0 8px 24px -12px rgba(15, 23, 42, 0.10);
  --shadow-card-hover: 0 4px 10px rgba(15, 23, 42, 0.08), 0 16px 32px -12px rgba(15, 23, 42, 0.16);
  --shadow-glow: 0 0 0 1px rgba(37, 99, 235, 0.12);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);

  --grid-gap: 19px;
  --report-margin: 19px;
}

[data-theme='dark'] {
  --bg-app: #0B0F19;
  --bg-card: #111827;
  --bg-card-header: #1F2937;
  --bg-hover: #374151;
  --text-primary: #F9FAFB;
  --text-secondary: #E5E7EB;
  --text-muted: #9CA3AF;
  --border-color: rgba(55, 65, 81, 0.7);

  --accent: #3B82F6;
  --accent-dark: #2563EB;
  --accent-soft: rgba(59, 130, 246, 0.18);
  --accent-border: rgba(59, 130, 246, 0.35);

  --success-soft: rgba(22, 163, 74, 0.2);
  --danger-soft: rgba(220, 38, 38, 0.2);
  --warning-soft: rgba(217, 119, 6, 0.2);

  --shadow-card: 0 1px 2px rgba(0,0,0,0.5), 0 10px 30px -12px rgba(0,0,0,0.7);
  --shadow-card-hover: 0 4px 10px rgba(0,0,0,0.6), 0 18px 40px -12px rgba(0,0,0,0.8);
  --shadow-glow: 0 0 0 1px rgba(59, 130, 246, 0.25);
}

body {
  font-family: var(--font-body);
  background: var(--bg-app);
  color: var(--text-primary);
  margin: 0;
  transition: background 0.3s ease, color 0.3s ease;
}

.mono { font-variant-numeric: tabular-nums; font-family: var(--font-mono); }
.text-success { color: var(--success); }
.text-danger { color: var(--danger); }
.text-secondary { color: var(--text-secondary); }

::selection { background: var(--accent-soft); color: var(--text-primary); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }