:root {
    /* Backgrounds — azul navy escuríssimo */
    --bg-1: #0a1628;
    --bg-2: #0f1d33;
    --bg-3: #14253f;
    --bg-card: #112138;
    --bg-card-hover: #172c47;
    --bg-input: #0a1628;
    --border: #1f3554;
    --border-hover: #2d4870;

    /* Azul-cobalto MRA — primária */
    --primary: #3b82f6;
    --primary-hover: #60a5fa;
    --primary-soft: rgba(59, 130, 246, 0.15);
    --primary-glow: rgba(59, 130, 246, 0.5);

    /* Dourado/âmbar — secundária premium */
    --gold: #d4a04a;
    --gold-hover: #e8b865;
    --gold-soft: rgba(212, 160, 74, 0.15);
    --gold-glow: rgba(212, 160, 74, 0.45);

    /* Texto (mantido neutro) */
    --text-1: #f1f5f9;
    --text-2: #b4c2d6;
    --text-3: #7d8da7;

    /* Status */
    --success: #10b981;
    --success-bg: rgba(16, 185, 129, 0.12);
    --warning: #d4a04a;
    --warning-bg: rgba(212, 160, 74, 0.12);
    --danger: #ef4444;
    --danger-bg: rgba(239, 68, 68, 0.12);
    --info: #3b82f6;
    --info-bg: rgba(59, 130, 246, 0.12);
    --critical: #dc2626;
    --critical-bg: rgba(220, 38, 38, 0.15);

    /* Cor dinâmica do produto ativo (default = azul-cobalto) */
    --product-color: #3b82f6;
    --product-soft: rgba(59, 130, 246, 0.15);

    /* Aliases legados (apontam pro novo azul) */
    --mra-green: #3b82f6;
    --mra-green-soft: rgba(59, 130, 246, 0.15);
    --mra-green-glow: rgba(59, 130, 246, 0.5);
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: 'Inter', -apple-system, sans-serif;
    background: #050a14;
    color: var(--text-1);
    min-height: 100vh;
    line-height: 1.5;
    font-size: 14px;
  }
  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
      radial-gradient(ellipse 60% 40% at 0% 0%, rgba(59, 130, 246, 0.12), transparent),
      radial-gradient(ellipse 50% 35% at 100% 100%, rgba(212, 160, 74, 0.08), transparent),
      radial-gradient(ellipse 70% 45% at 50% 50%, rgba(59, 130, 246, 0.04), transparent);
    pointer-events: none;
    z-index: 0;
  }
  body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
      linear-gradient(rgba(59, 130, 246, 0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(59, 130, 246, 0.025) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
    z-index: 0;
    mask-image: radial-gradient(ellipse at center, black 0%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 80%);
  }
  .app, .login-wrap { position: relative; z-index: 1; }

  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: var(--bg-1); }
  ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 5px; }
  ::-webkit-scrollbar-thumb:hover { background: var(--border-hover); }