/* GERADO de dados/design.json por tools/montar.mjs. Não edite à mão: edite o JSON e rode "node tools/montar.mjs tokens". */
:root {
  --fundo: #050505;
  --fundo-faixa: #0C0D0B;
  --superficie: #111210;
  --vidro: rgba(255,255,255,0.04);
  --linha: rgba(255,255,255,0.10);
  --texto: #FFFFFF;
  --texto-suave: #A3A3A3;
  --texto-apagado: #6B6B6B;
  --verde: #A7E94B;
  --verde-brilho: rgba(167,233,75,0.35);
  --verde-halo: rgba(167,233,75,0.14);
  --azul-hero: #000D1E;

  --f-titulo: "Unbounded", "Arial Black", system-ui, sans-serif;
  --f-texto: "Instrument Sans", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;

  --t-gigante: clamp(3.5rem, 13vw, 12rem);
  --t-numero: clamp(3rem, 9vw, 8rem);
  --t-h1: clamp(2.2rem, 6.2vw, 5.5rem);
  --t-h2: clamp(1.8rem, 4.6vw, 4rem);
  --t-h3: clamp(1.15rem, 2vw, 1.6rem);
  --t-texto: clamp(1rem, 1.15vw, 1.125rem);
  --t-pequeno: 0.875rem;
  --t-rotulo: 0.72rem;
  --lh-titulo: 0.98;
  --lh-texto: 1.65;
  --ls-rotulo: 0.22em;

  --largura: 1280px;
  --coluna: 58ch;
  --margem: clamp(1.25rem, 5vw, 4rem);
  --respiro: clamp(6rem, 14vh, 11rem);
  --r-card: 20px;
  --r-painel: 28px;
  --r-pilula: 999px;

  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --curva-es: cubic-bezier(0.65, 0, 0.35, 1);
  --d-rapida: 0.25s;
  --d-media: 0.6s;
  --d-lenta: 1.1s;
}