/* ==========================================================================
   MOVE IT · M1 BLACKOUT · Design tokens
   Spec: docs/superpowers/specs/2026-08-19-moveit-mockup-blackout-design.md §4-5
   ========================================================================== */

:root {
  /* Cor — não há acento. O acento é temperatura de luz. */
  --ink:        #0A0A0B;
  --void:       #000000;
  --bone:       #F4F1EA;
  --bone-dim:   rgba(244, 241, 234, 0.56);
  --bone-faint: rgba(244, 241, 234, 0.24);
  --hair:       rgba(244, 241, 234, 0.12);
  --glow:       #FFF6E8;

  /* Tipo */
  --serif: 'Bodoni Moda', Georgia, 'Times New Roman', serif;
  --sans:  'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-display-xl: clamp(56px, 11vw, 190px);
  --fs-display-l:  clamp(40px, 6.5vw, 104px);
  --fs-display-m:  clamp(28px, 3.4vw, 56px);
  --fs-numeral:    clamp(32px, 4vw, 64px);
  --fs-lead:       clamp(19px, 1.6vw, 26px);
  --fs-body:       17px;
  --fs-label:      11px;

  /* Movimento — nada faz bounce. Nunca. */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.7, 0, 0.84, 0);
  --ease-both: cubic-bezier(0.87, 0, 0.13, 1);

  --dur-micro: 180ms;
  --dur-norm:  640ms;
  --dur-cine:  1200ms;
  --dur-cut:   420ms;

  /* Layout */
  --margin: clamp(20px, 4vw, 72px);
  --gutter: 24px;
  --max-w: 1680px;
  --section-gap: clamp(96px, 14vh, 200px);
}