/* HeatSig design tokens: the v1 palette (design system v2, design-system/project/tokens.json), round 5 (2026-10-29).
   White paper, near-black ink, night sections, one ember accent. No grey section fills: sections are separated
   by dotted rules or a night band, as in v1. Square corners, no shadows. */
:root {
  --paper: #fcfdfd;
  --paper-2: #fcfdfd; /* round 5: no grey fills (they looked dirty); alternate sections get a dotted rule */
  --paper-3: #fcfdfd;
  --card: #fcfdfd;
  --ink: #0f1115;
  --ink-2: #55585d;
  --ink-3: #4d5055; /* round 3: darker than v1's #6b6e73 for older readers (7:1 on paper) */
  --line: #d5d9dd;
  --night: #0c0e11;
  --night-2: #16191d;
  --night-line: #2a2e34;
  --on-night: #fcfdfd;
  --on-night-2: #a3a7ad;
  --ember: #c63d17;
  --ember-dark: #9f2f10;
  --ember-bright: #ef6a3a;
  --ember-soft: #fcede7;
  --on-ember: #ffffff;
  --thermal-2: #7a2a8c;
  --thermal-3: #e0482a;
  --thermal-4: #f7b538;

  /* v1 page edge */
  --hs-edge: clamp(16px, 2.8vw, 40px);

  /* 8px grid */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 48px;
  --s6: 64px;
  --s7: 96px;
  --s8: 128px;

  /* Shape: square, as in v1 (pills only for buttons) */
  --r-sm: 0;
  --r: 0;
  --r-lg: 0;
  --e1: none;
  --e2: none;
  --e3: none;

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  /* Apple-style spring (iOS sheet curve): quick start, long soft settle, no overshoot */
  --ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --faq-open: 480ms;
  --faq-close: 380ms;
  --duration-fast: 200ms;
  --duration-base: 300ms;
  color-scheme: light;
}