:root {
  /* Cores (desenho, secção 4) */
  --bg: #F6F4EF;
  --surface: #FFFFFF;
  --stage: #ECE9E2;
  --chip: #F1EFEA;
  --text: #111113;
  --muted: #6E6E73;
  --border: rgba(0, 0, 0, .08);
  --action: #1FB866;
  --action-text: #1A9E57;
  --before: #D4543F;
  --brand: #3EE6A0;
  --glass: rgba(246, 244, 239, .75);
  --glass-filter: blur(20px) saturate(180%);

  /* Forma */
  --radius-card: 24px;
  --radius-button: 16px;
  --shadow-screen: 0 18px 40px -16px rgba(17, 17, 19, .35), 0 0 0 1px var(--border);

  /* Tipografia */
  --font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-display: clamp(2.25rem, 7vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 4.5vw, 2.75rem);
  --fs-h3: 1.125rem;
  --fs-body: 1.0625rem;
  --fs-small: .875rem;
  --fs-label: .75rem;

  /* Espaço */
  --gutter: 1.25rem;
  --section-y: clamp(4rem, 10vw, 7.5rem);
  --max: 72rem;

  /* Movimento (transições CSS; as molas vivem em js/spring.js) */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
}