/* ==========================================================
   Design tokens — Heloísa Nogueira (v2, dark / cinematic)
   Paleta rosa: magenta / hot pink + coral e pêssego,
   sobre fundo quase preto.
   ========================================================== */
:root {
  /* Cor */
  --bg: #0a0a0c;
  --bg-2: #111116;
  --ink: #07071a;
  --deep: #3d0322;
  --accent: #e5007d;
  --accent-hi: #f72585;
  --glow: #ffb3cf;
  --glow-pale: #ffe3ef;
  --paper: #f2f1ee;
  --muted: #8b8b96;       /* texto secundário sobre bg (AA) */
  --dim: #4a4a55;         /* itens inativos (decorativo) */
  --signal: #3ddc97;
  --line: rgb(242 241 238 / 0.12);

  /* Tipografia */
  --font-sans: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", "Times New Roman", serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --fs-micro: 0.6875rem;
  --fs-small: 0.875rem;
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-lead: clamp(1.6rem, 1rem + 2.6vw, 3.4rem);
  --fs-h2: clamp(2.4rem, 1.4rem + 4.4vw, 5.5rem);

  /* Espaço */
  --gutter: clamp(1rem, 0.6rem + 1.8vw, 2rem);
  --section: clamp(6rem, 4rem + 8vw, 12rem);

  /* Forma e movimento */
  --radius: 4px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: 64px;
}