/* ==========================================================================
   22º CBP 2027 — TOKENS

   Direção: o pregão é uma sessão pública. Sala escura, palco aceso, martelo
   de ouro. Daí: preto de verdade (não cinza-quase-preto), escuros deslocados
   para o quente porque tudo é iluminado por refletor laranja, e uma única
   família tipográfica levada aos extremos do eixo de largura.
   ========================================================================== */

:root {
  /* ---- Base ---- */
  --black:      #000000;   /* o chão de tudo */
  --dark:       #17100d;   /* superfície elevada, quente (não cinza neutro) */
  --dark-2:     #241813;
  --line:       rgba(255, 233, 214, .16);
  --line-soft:  rgba(255, 233, 214, .08);

  --white:      #ffffff;   /* bloco invertido: branco puro, sem creme */
  --line-dark:  rgba(0, 0, 0, .14);

  /* ---- Brasa ---- */
  --flame:      #ff4a00;
  --ember:      #ff8a1e;
  --gold:       #f2c230;
  --flame-deep: #b02c00;

  /* ---- Texto ---- */
  --fg:         #ffffff;
  --fg-2:       rgba(255, 241, 232, .80);
  --fg-3:       rgba(255, 241, 232, .62);
  --fg-on-white:   #100a08;
  --fg-on-white-2: rgba(16, 10, 8, .62);

  /* ---- Tipografia: Archivo, uma família só ----
     O logo oficial é uma grotesca larga e pesada. Em vez de parear com uma
     segunda fonte, o contraste vem dos eixos wdth/wght da própria Archivo:
     125 para os títulos, 100 para o texto, 68 para dado tabular. */
  --font: "Archivo", "Archivo Black", Helvetica, Arial, sans-serif;

  --w-display: 125;
  --w-text:    100;
  --w-cond:    92;

  --fs-mega:  clamp(3.4rem, 13.5vw, 13rem);
  --fs-xl:    clamp(2.6rem, 6.4vw, 6rem);
  --fs-lg:    clamp(2rem, 4.4vw, 3.9rem);
  --fs-md:    clamp(1.4rem, 2.3vw, 2.1rem);
  --fs-sm:    clamp(1.08rem, 1.5vw, 1.32rem);
  --fs-body:  clamp(1rem, 1.05vw, 1.075rem);
  --fs-note:  .95rem;
  --fs-data:  .86rem;

  /* ---- Espaço ---- */
  --gutter:  clamp(1.2rem, 4.5vw, 4rem);
  --maxw:    1560px;
  --band:    clamp(4.2rem, 7.5vw, 8.5rem);

  --s1: .25rem;  --s2: .5rem;   --s3: .75rem;  --s4: 1rem;
  --s5: 1.5rem;  --s6: 2rem;    --s7: 3rem;    --s8: 4.5rem;
  --s9: 7rem;

  /* ---- Forma: reto. A pílula existe só onde a peça é um botão. ---- */
  --r: 0px;
  --r-pill: 999px;

  /* ---- Movimento ---- */
  --ease:     cubic-bezier(.22, 1, .36, 1);
  --ease-io:  cubic-bezier(.76, 0, .24, 1);
  --t-fast:   .22s;
  --t:        .5s;

  --header-h: 88px;
}

@media (max-width: 900px) {
  :root { --header-h: 66px; }
}