/*
 * theme-1.css — Tema 1: Dark Banking (padrão)
 * Sobrescreve as variáveis do global.css
 * Este é o tema ativo por padrão no sistema.
 */
:root {
  --bg-page:             #070b14;
  --bg-page-2:           #0d1220;
  --bg-card:             #111827;
  --bg-card-hover:       #1a2236;
  --bg-input:            #0d1220;
  --bg-input-focus:      #131c2e;

  --cor-primaria:        #3b82f6;
  --cor-primaria-hover:  #2563eb;
  --cor-primaria-glow:   rgba(59, 130, 246, 0.25);
  --cor-secundaria:      #06b6d4;

  --gradiente-btn:       linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
  --gradiente-btn-hover: linear-gradient(135deg, #2563eb 0%, #0891b2 100%);
  --gradiente-logo:      linear-gradient(135deg, #3b82f6, #06b6d4);
  --gradiente-page:      radial-gradient(ellipse at 20% 50%, rgba(59,130,246,0.06) 0%, transparent 60%),
                         radial-gradient(ellipse at 80% 20%, rgba(6,182,212,0.05) 0%, transparent 55%);

  --cor-texto:           #f1f5f9;
  --cor-texto-sec:       #94a3b8;
  --cor-texto-muted:     #475569;
  --cor-link:            #60a5fa;
  --cor-link-hover:      #93c5fd;

  --cor-borda:           rgba(255, 255, 255, 0.07);
  --cor-borda-input:     rgba(255, 255, 255, 0.10);
  --cor-borda-focus:     #3b82f6;
  --cor-borda-card:      rgba(255, 255, 255, 0.06);

  --cor-sucesso:         #10b981;
  --cor-sucesso-bg:      rgba(16, 185, 129, 0.10);
  --cor-perigo:          #ef4444;
  --cor-perigo-bg:       rgba(239, 68, 68, 0.10);
  --cor-aviso:           #f59e0b;
  --cor-aviso-bg:        rgba(245, 158, 11, 0.10);

  --fonte-principal:     'Inter', 'Segoe UI', system-ui, sans-serif;
  --radius-card:         16px;
  --radius-input:        10px;
  --radius-btn:          10px;

  --sombra-card:         0 0 0 1px rgba(255,255,255,0.05),
                         0 20px 60px rgba(0,0,0,0.5),
                         0 8px 24px rgba(0,0,0,0.3);
  --sombra-btn:          0 4px 20px rgba(59, 130, 246, 0.35);
  --sombra-btn-hover:    0 6px 28px rgba(59, 130, 246, 0.50);
  --sombra-input-focus:  0 0 0 3px rgba(59, 130, 246, 0.18);
}