:root {
  /* base — preto e branco oficiais do manual */
  --preto: #000000;
  --grafite-900: #0E1211;
  --grafite-800: #161B19;
  --grafite-700: #212826;
  --cinza-400: #8E9A96;
  --branco: #FFFFFF;
  --branco-suave: #F4F6F5;

  /* seções claras */
  --cinza-600: #5A6460;
  --borda-clara: #E2E6E4;

  /* acento digital — não existe no manual */
  --menta: #3DE8AE;
  --menta-clara: #5BEFBD;
  --menta-fraca: rgba(61, 232, 174, 0.12);
  --menta-escura: #00805F;

  /* estado */
  --positivo: #3DE8AE;
  --atencao: #E8C15B;
  --erro: #E86B5B;

  /* tipografia */
  --fonte-titulo: "Montserrat", system-ui, sans-serif;
  --fonte-corpo: "Inter", system-ui, sans-serif;

  --h1: 68px;
  --h1-tracking: -1.8px;
  --h2: 46px;
  --h2-tracking: -1.2px;
  --h3: 26px;
  --titulo-cartao: 19px;
  --metrica: 56px;
  --metrica-tracking: -1.5px;
  --metrica-unidade: 22px;
  --eyebrow: 12px;
  --lead: 19px;
  --corpo: 17px;
  --corpo-pequeno: 15px;
  --label: 13px;

  /* espaço */
  --e-4: 4px;
  --e-8: 8px;
  --e-12: 12px;
  --e-16: 16px;
  --e-24: 24px;
  --e-32: 32px;
  --e-48: 48px;
  --e-64: 64px;
  --e-96: 96px;
  --e-120: 120px;
  --e-160: 160px;

  --container: 1200px;
  --lateral: 40px;
  --gutter: 24px;
  --secao: 120px;
  --leitura: 620px;

  /* raio */
  --raio-pill: 999px;
  --raio-cartao: 16px;
  --raio-painel: 24px;
  --raio-input: 12px;

  /* efeito */
  --brilho: 0 0 120px rgba(61, 232, 174, 0.10);
  --transicao: 160ms ease;
  --nav-altura: 72px;
}

@media (max-width: 768px) {
  :root {
    --h1: 38px;
    --h1-tracking: -1px;
    --h2: 30px;
    --h3: 22px;
    --metrica: 36px;
    --metrica-unidade: 16px;
    --corpo: 16px;
    --lateral: 24px;
    --secao: 72px;
    --nav-altura: 64px;
  }
}