:root {
  --ink: #07110f;
  --ink-soft: #0e1d19;
  --ink-mid: #172c26;
  --paper: #f1f3eb;
  --paper-muted: #b5c0b6;
  --line: rgba(241, 243, 235, .18);
  --line-dark: rgba(7, 17, 15, .16);
  --lime: #c7f36b;
  --lime-deep: #83ad43;
  --green: #1f6b51;
  --rust: #c46f4d;
  --font-display: 'Barlow Condensed', Impact, sans-serif;
  --font-body: 'Manrope', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-heading-xl: clamp(3rem, 4.6vw, 4.75rem);
  --font-heading-lg: clamp(2.4rem, 3.4vw, 3.75rem);
  --font-heading-md: clamp(2.1rem, 2.8vw, 2.65rem);
  --pad-x: clamp(1.25rem, 4vw, 5.5rem);
  --header-h: 82px;

  /* Escala de espaçamento (1.5.2). Passos fixos para o ritmo vertical dos
     blocos de texto — não substitui os clamp() de respiro de painel, que
     precisam acompanhar a altura da viewport. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Entrelinha do display em caixa alta. Calibrada por medicao de glifo, nao
     por gosto: o par critico e o acento de uma linha sobre a descendente da
     anterior ("A~" sobre "C,", "O'" sobre "Q"). Com Barlow Condensed, .98 da
     folga de 2 a 5px em todas as larguras; abaixo de .92 os glifos encostam.
     Medido por qa/tests/layout-audit.spec.js. */
  --lh-display: .98;
  --lh-heading: .98;
  --ease-expo: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.22, 1.2, .36, 1);
  --motion-fast: .25s;
  --motion-normal: .55s;
  --motion-slow: .9s;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}