/* ==========================================================================
   APURAÇÃO.ONLINE - DESIGN SYSTEM: LIQUID GLASS
   Estética refinada, orgânica e ultra-moderna (Dark Editorial Glassmorphism)
   ========================================================================== */

:root {
  /* Cores Base de Fundo Líquido */
  --bg-deep: #07090d;
  --bg-surface: #0c0f16;
  --bg-subtle: #131822;

  /* Efeitos Liquid Glass (Acrílico translúcido com refração cáustica) */
  --glass-bg: rgba(14, 18, 26, 0.72);
  --glass-bg-hover: rgba(22, 28, 40, 0.82);
  --glass-bg-active: rgba(28, 36, 52, 0.90);
  --glass-blur: blur(28px) saturate(170%);
  --glass-blur-sm: blur(14px) saturate(150%);
  
  /* Bordas Liquid com reflexo specular sutil */
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-top: rgba(255, 255, 255, 0.16);
  --glass-border-glow: rgba(96, 165, 250, 0.28);

  /* Sombras de Profundidade */
  --shadow-liquid-sm: 0 4px 16px -2px rgba(0, 0, 0, 0.45);
  --shadow-liquid-md: 0 12px 32px -4px rgba(0, 0, 0, 0.65), 0 0 0 1px var(--glass-border);
  --shadow-liquid-lg: 0 24px 60px -8px rgba(0, 0, 0, 0.80), 0 0 0 1px var(--glass-border-top);
  --shadow-glow-blue: 0 0 35px rgba(59, 130, 246, 0.25);
  --shadow-glow-amber: 0 0 35px rgba(245, 158, 11, 0.25);

  /* Tipografia: Editorial + Técnica */
  --font-serif: 'Newsreader', Garamond, Georgia, serif;
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'GeistMono', ui-monospace, SFMono-Regular, monospace;

  /* Escala Tipográfica */
  --text-hero: clamp(38px, 4.2vw, 56px);
  --text-title: clamp(22px, 2.2vw, 30px);
  --text-h2: 20px;
  --text-h3: 16px;
  --text-body: 13.5px;
  --text-sm: 12px;
  --text-xs: 11px;
  --text-nano: 10px;

  /* Paleta de Cores de Partidos / Candidatos */
  --cand-pl: #2563eb;       /* Azul PL / Flavio Bolsonaro */
  --cand-pl-glow: rgba(37, 99, 235, 0.35);
  --cand-pt: #dc2626;       /* Vermelho PT / Lula */
  --cand-pt-glow: rgba(220, 38, 38, 0.35);
  --cand-psd: #f59e0b;      /* Âmbar PSD / Caiado / Paes */
  --cand-novo: #ea580c;     /* Laranja NOVO / Zema */
  --cand-uniao: #0ea5e9;    /* Ciano União */
  --cand-mub: #64748b;      /* Slate Outros / Neutro */

  /* Cores de Texto */
  --text-bright: #ffffff;
  --text-main: #f1f5f9;
  --text-muted: #94a3b8;
  --text-faint: #64748b;
  --text-dim: #475569;

  /* Status */
  --live-green: #10b981;
  --live-green-glow: rgba(16, 185, 129, 0.4);
  --warn-amber: #f59e0b;
  --danger-red: #ef4444;

  /* Transições Orgânicas (Fluid Spring Curves) */
  --ease-liquid: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.18s;
  --duration-normal: 0.32s;
  --duration-slow: 0.6s;
}

/* Modo Alto Contraste / Telão TV */
body.tv-mode {
  --text-hero: 64px;
  --text-title: 34px;
  --text-body: 16px;
  --text-sm: 14px;
}