/* ============================================================
   REAL CREDI — Design Tokens (seção 3.1 do debriefing)
   Toda a paleta deriva do logotipo Real Credi.
   ============================================================ */

:root {
  /* ---- Cores (origem: logotipo) ---- */
  --green-900: #064737; /* sombra da pincelada — textos de destaque, footer */
  --green-700: #0B6B4F; /* verde profundo do círculo — títulos, botões secundários */
  --green-500: #149A6E; /* verde médio do degradê — gradientes, ícones, links */
  --green-300: #4CC39A; /* transição clara do degradê — hovers, bordas, detalhes */
  --mint-200:  #A9D9C9; /* pincelada interna clara — backgrounds alternados */
  --mint-050:  #EAF6F1; /* respiro do menta — fundo de cards e badges */
  --red-600:   #C8291E; /* vermelho do monograma RC — CTA primário */
  --red-500:   #E03A2E; /* vermelho vivo (topo do R) — hover do CTA, acentos */
  --red-050:   #FDEBEA; /* fundo suave de alertas/benefícios */
  --amber-600: #F5A623; /* CTA âmbar — botão do formulário de simulação */
  --amber-700: #DB8C10; /* hover do CTA âmbar */
  --amber-300: #F3C98B; /* borda do aviso âmbar */
  --amber-050: #FEF3E0; /* fundo do aviso âmbar */
  --amber-900: #7A4A00; /* texto do aviso âmbar (contraste AA) */
  --white:     #FFFFFF; /* fundo do logo — base geral */
  --ink-900:   #132A23; /* texto principal (verde-quase-preto) */
  --ink-500:   #5A6E67; /* texto secundário */

  /* ---- Gradiente assinatura (seção 3.2) ---- */
  --grad-brand: linear-gradient(135deg, #0B6B4F 0%, #149A6E 55%, #4CC39A 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(11,107,79,.08) 0%, rgba(76,195,154,.12) 100%);

  /* ---- Tipografia (seção 3.3) ---- */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-text: 'Inter', system-ui, -apple-system, sans-serif;
  --fs-h1: clamp(2.2rem, 5vw, 3.8rem);
  --fs-h2: clamp(1.6rem, 3.5vw, 2.5rem);
  --fs-h3: clamp(1.15rem, 2vw, 1.35rem);
  --fs-body: 1rem;
  --lh-body: 1.7;

  /* ---- Superfícies e sombras (seção 3.4) ---- */
  --radius-card: 22px;
  --radius-pill: 999px;
  --shadow-soft: 0 10px 40px rgba(6, 71, 55, .08);
  --shadow-lift: 0 18px 60px rgba(6, 71, 55, .14);
  --shadow-cta: 0 8px 24px rgba(200, 41, 30, .28);

  /* ---- Movimento (seção 6.2) ---- */
  --ease-brand: cubic-bezier(.22, 1, .36, 1);
  --dur-section: 600ms;
  --dur-micro: 250ms;
  --stagger: 90ms;

  /* ---- Layout ---- */
  --container: 1140px;
  --header-h: 80px;
  --header-h-scrolled: 64px;
  --section-pad: clamp(64px, 9vw, 112px);
}