/*
 * Uplift — tokens de design
 *
 * Fonte única de cores, tipografia, raios, espaçamentos e bordas da marca.
 * A LP (index.html) usa este arquivo direto; o front do produto deve ler os
 * mesmos valores no globals.css do shadcn. Os nomes seguem o shadcn
 * (--background, --primary, --muted, --border, --ring, --radius...); o que ele
 * não tem é extensão da marca (inverse, brand, result, whatsapp).
 *
 * Mudou um valor aqui, mudou em todo lugar: não repita cores nem tamanhos
 * soltos no CSS das páginas.
 */
:root{
  /* Cores: superfícies, texto e estados */
  --background:#F9FBFF; --foreground:#121A2E; --foreground-2:#4A4A62;
  --card:#FFFFFF; --card-foreground:#121A2E; --popover:#FFFFFF; --popover-foreground:#121A2E;
  --primary:#1F5FD6; --primary-hover:#184CB0; --primary-foreground:#FFFFFF; --primary-foreground-muted:#EAF1FF;
  --secondary:#9DBBF2; --secondary-hover:#B9CFF6; --secondary-foreground:#121A2E;
  --muted:#E7EFFD; --muted-foreground:#56566B;
  --accent:#E7EFFD; --accent-foreground:#121A2E;
  --destructive:#B42318; --destructive-soft:#FDECEA; --destructive-border:#F3B8B1;
  --border:#D0DDF5; --border-muted:#E1E9F7; --input:#93A6C9; --ring:#5A8BE8;
  --info:#EEF3FD; --success:#EAF7EF; --success-border:#B5E2C4; --success-foreground:#1E6B3A;
  /* Faixas escuras (azul-marinho com texto claro) */
  --inverse:#121A2E; --inverse-card:#1C2540; --inverse-muted:#24304A; --inverse-hover:#24304A;
  --inverse-foreground:#FFFFFF; --inverse-muted-foreground:#D0DAF0; --inverse-subtle-foreground:#C3CEE6;
  --inverse-accent:#9DBBF2; --inverse-border:#334166; --inverse-border-strong:#56688A;
  /* Tons da logo: as duas barras azuis são o --primary a 35% e a 70% sobre o fundo; a terceira é o laranja */
  --brand-blue-35:#ADC4F1; --brand-blue-70:#608EE2; --brand-orange:#E8702A; --brand-orange-hover:#D9621E;
  /* Painel de resultado do simulador, em tons do laranja da logo */
  --result-bg:#FFF1E6; --result-border:#F7D5BD; --result-line:#F3CDB2; --result-pill:#EBB592; --result-ink:#5A250E; --result-text:#8A3A14;
  /* O verde do botão flutuante dá 4,1:1 com branco; no link de texto ele fica mais escuro para chegar a 5,4:1 (WCAG AA) */
  --whatsapp:#1F8F4E; --whatsapp-hover:#17773F; --whatsapp-text:#187A43; --whatsapp-text-hover:#11602F;
  /* Tipografia: famílias */
  --font-heading:'Montserrat',system-ui,sans-serif; --font-sans:'DM Sans',system-ui,sans-serif; --font-brand:'Inter',system-ui,sans-serif;
  /* Tipografia: escala. Títulos em Montserrat 800 (h4 em 700); texto em DM Sans */
  --text-display:clamp(36px,5vw,56px); --text-h2:clamp(30px,4vw,44px); --text-h3:clamp(20px,2vw,24px); --text-h4:17px;
  --text-lead:19px; --text-body:16px; --text-label:15px; --text-small:14px; --text-note:13px; --text-caption:12px;
  --leading-display:1.08; --leading-h2:1.12; --leading-h3:1.25; --leading-body:1.6;
  --tracking-tight:-.02em; --tracking-caps:.12em;
  /* Escala de forma. --radius é a base do shadcn; os três tamanhos são sobrescritos, porque a LP não segue a conta dele (base, -2px, -4px) */
  --radius:16px; --radius-lg:24px; --radius-md:16px; --radius-sm:12px;
  --gutter:32px; --pad-lg:40px; --pad-md:32px;
  --border-card:1px; --border-control:1.5px;
  /* Movimento: fast = resposta ao toque, base = cor/borda e entradas, slow = elementos flutuantes */
  --duration-fast:.1s; --duration-base:.15s; --duration-slow:.2s; --ease-standard:ease;
  /* Entrada de seção: o conteúdo acende quando a rolagem por âncora termina */
  --duration-enter:.45s; --ease-enter:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
@media (max-width:640px){:root{--gutter:20px;--pad-lg:24px;--pad-md:20px}}
/* Quem pede menos movimento no sistema: transições e entradas ficam instantâneas */
@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-enter:0s}}