/* Design tokens — DS 1.4 (source of truth for :root) */
:root {
  /* core palette */
  --ink: #112E24;
  --ink-2: #173A2E;
  --ink-3: #33514A;
  --paper: #F6F7F9;
  --surface: #FFFFFF;
  --brass: #B58A3C;
  --brass-text: #8A6A2E;
  --brass-soft: #C9A567;
  --green: #2E7D5B;
  --amber: #C68A2E;
  --red: #B23A2E;
  --blue: #386A9E;
  --teal: #2A7C7A;
  --mist: #5A6B7E;
  --mist-2: #8A98A8;
  --line: #E3E7EC; 
  --line-dark: #2A4A3C;

  /* channel palette */
  --tg-1: #2AABEE;
  --tg-2: #229ED9;
  --max-1: #4A90E2;
  --max-2: #9B59D6;

  /* shape */
  --radius: 4px;
  --radius-sm: var(--radius);
  --radius-lg: var(--radius);
  --radius-xl: var(--radius);
  --radius-pill: var(--radius);
  --maxw: 1280px;

  /* shadow */
  --shadow-card: 0 1px 2px rgba(17, 46, 36, .04);
  --shadow-pop: 0 30px 70px -30px rgba(0, 0, 0, .55);
  --shadow-soft: 0 18px 50px -38px rgba(17, 46, 36, .42);

  /* typography */
  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;

  /* type scale v1.4 */
  --text-display: clamp(34px, 4.4vw, 54px);
  --text-h1: clamp(30px, 3.6vw, 44px);
  --text-h2: clamp(26px, 2.6vw, 34px);
  --text-h3: 20px;
  --text-lead: 18px;
  --text-body: 16.5px;
  --text-small: 13.5px;
  --text-mono: 12px;
  --section-y: 84px;

  /* 8pt spacing scale */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 84px;
}