/* ==========================================================================
   VAPO GO — DESIGN TOKENS & SYSTEM VARIABLES
   Identidade visual inspirada na marca oficial:
   Azul Profundo (#0B2545), Ciano Vibrante (#00D2C4) e Slogan "O MUNDO É NOSSO PLANO"
   ========================================================================== */

:root {
  /* Cores da Marca */
  --brand-navy: #0B2545;
  --brand-navy-dark: #050E1A;
  --brand-navy-light: #133966;
  --brand-cyan: #00D2C4;
  --brand-cyan-light: #33F5E7;
  --brand-cyan-dark: #00A398;
  --brand-blue: #00B4D8;
  --brand-gradient: linear-gradient(135deg, #070D18 0%, #0B2545 50%, #050E1A 100%);
  --brand-gradient-accent: linear-gradient(135deg, #00D2C4 0%, #00B4D8 100%);
  
  /* Cores de Categorias */
  --cat-natureza: #10B981;
  --cat-trilha: #059669;
  --cat-lago: #06B6D4;
  --cat-praia: #0EA5E9;
  --cat-mirante: #8B5CF6;
  --cat-cidade: #3B82F6;
  --cat-restaurante: #F59E0B;
  --cat-compras: #EAB308;
  --cat-bar: #EC4899;
  --cat-descanso: #14B8A6;
  --cat-hospedagem: #6366F1;
  --cat-outro: #64748B;

  /* Estados e Status */
  --status-candidato: #F59E0B;
  --status-aprovado: #10B981;
  --status-descartado: #EF4444;
  --status-visitado: #6366F1;

  /* Procedência do conteúdo — auditado / estimado / IA */
  --ia-accent: #C084FC;
  --ia-bg: rgba(192, 132, 252, 0.14);
  --ia-border: rgba(192, 132, 252, 0.38);
  --confirmado-accent: #34D399;
  --confirmado-bg: rgba(52, 211, 153, 0.14);
  --confirmado-border: rgba(52, 211, 153, 0.36);
  --estimativa-accent: #FBBF24;
  --estimativa-bg: rgba(251, 191, 36, 0.14);
  --estimativa-border: rgba(251, 191, 36, 0.36);

  /* Deliberação: consenso x divergência */
  --consenso-accent: #34D399;
  --consenso-bg: rgba(52, 211, 153, 0.12);
  --consenso-border: rgba(52, 211, 153, 0.44);
  --divergencia-accent: #38BDF8;
  --divergencia-bg: rgba(56, 189, 248, 0.12);
  --divergencia-border: rgba(56, 189, 248, 0.44);

  /* Alertas de conflito do dia */
  --conflito-erro-accent: #F87171;
  --conflito-erro-bg: rgba(248, 113, 113, 0.12);
  --conflito-erro-border: rgba(248, 113, 113, 0.40);
  --conflito-aviso-accent: #FBBF24;
  --conflito-aviso-bg: rgba(251, 191, 36, 0.12);
  --conflito-aviso-border: rgba(251, 191, 36, 0.38);

  --status-sem-proposta: #94A3B8;
  --status-em-elaboracao: #38BDF8;
  --status-pronto-comparar: #F59E0B;
  --status-consolidado: #10B981;
  --status-bloqueado: #334155;

  /* Superfícies e Fundos — TEMA CLARO PADRÃO (Clean, Crisp & Premium) */
  --bg-app: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #F1F5F9;
  --bg-surface-glass: rgba(255, 255, 255, 0.92);
  --border-subtle: #E2E8F0;
  --border-active: #00A398;

  /* Tipografia */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #64748B;
  --text-inverse: #FFFFFF;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --shadow-cyan-glow: 0 0 20px rgba(0, 163, 152, 0.18);

  /* Espaçamento e Raios */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --text-xs: 0.75rem;
  --text-sm: 0.85rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.6rem;
  --text-2xl: 2.2rem;
}

/* ==========================================================================
   TEMA CLARO — DESIGN SYSTEM MINIMALISTA & PREMIUM (Clean Contrast)
   ========================================================================== */
:root[data-theme="light"] {
  --brand-gradient: linear-gradient(135deg, #0B2545 0%, #00B4D8 60%, #00D2C4 100%);

  --bg-app: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #F1F5F9;
  --bg-surface-glass: rgba(255, 255, 255, 0.90);
  --border-subtle: #E2E8F0;
  --border-active: #00A398;

  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #64748B;
  --text-inverse: #FFFFFF;

  --brand-cyan-dark: #00877C;

  /* Selos de procedência com contraste garantido AA */
  --ia-accent: #6D28D9;
  --ia-bg: rgba(109, 40, 217, 0.10);
  --ia-border: rgba(109, 40, 217, 0.32);
  --confirmado-accent: #059669;
  --confirmado-bg: rgba(5, 150, 105, 0.10);
  --confirmado-border: rgba(5, 150, 105, 0.32);
  --estimativa-accent: #D97706;
  --estimativa-bg: rgba(217, 119, 6, 0.10);
  --estimativa-border: rgba(217, 119, 6, 0.32);

  --consenso-accent: #059669;
  --consenso-bg: rgba(5, 150, 105, 0.10);
  --consenso-border: rgba(5, 150, 105, 0.35);
  --divergencia-accent: #0284C7;
  --divergencia-bg: rgba(2, 132, 199, 0.10);
  --divergencia-border: rgba(2, 132, 199, 0.35);

  --conflito-erro-accent: #DC2626;
  --conflito-erro-bg: rgba(220, 38, 38, 0.08);
  --conflito-erro-border: rgba(220, 38, 38, 0.32);
  --conflito-aviso-accent: #D97706;
  --conflito-aviso-bg: rgba(217, 119, 6, 0.08);
  --conflito-aviso-border: rgba(217, 119, 6, 0.32);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --shadow-cyan-glow: 0 0 20px rgba(0, 163, 152, 0.18);
}