/* Design tokens — mirrored 1:1 from design.pen GetVariables() (dark palette only). */
:root {
  --dark-bg: #0b0e14;
  --dark-bg-grad-top: #141a26;
  --dark-surface: #151a23;
  --dark-surface-2: #1d2430;
  --dark-overlay: #252d3b;

  --dark-border: #242b38;
  --dark-border-strong: #323b4b;

  --dark-accent: #d98a5e;
  --dark-accent-soft: #d98a5e26;
  --dark-accent-strong: #e29a70;
  --dark-on-accent: #1a1208;

  --dark-lavender: #9c8ce3;
  --dark-lavender-soft: #9c8ce326;

  --dark-text-primary: #eceff4;
  --dark-text-secondary: #a6adba;
  --dark-text-muted: #6c7280;

  --dark-positive: #6fb98a;
  --dark-negative: #d9645a;

  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;

  /* Desktop frame is 1440 wide with 150px side padding → 1140px of content.
     Sections are full-bleed, so the design width is stored as the content column;
     the gutter is whatever is left over on each side, with a 24px floor. */
  --content-max: 1140px;
  --gutter-mobile: 24px;
}