/* HalfPoint design tokens (BRAND-DESIGN-GUIDE.md §13.1). The single source:
   the site imports it first, and npm run build:brand copies it into the brand
   bundle that the account pages, docs and proof pages vendor. */
:root {
  color-scheme: light;
  --ink: #0b0f14;
  --ink-hover: #1a2027;
  --paper: #ffffff;
  --paper-alt: #f6f8f8;
  --rule: #eef1f1;
  --rule-strong: #d5dcdc;
  --control: #7d8990;
  --track: #dde3e3;
  --text-2: #4b5560;
  --text-3: #5d6873;
  --accent: #0a9c89;
  --accent-text: #0b6e62;
  --danger: #b42318;
  --danger-bg: #fdf2f2;
  --warn-text: #a4450f;
  --warn-bg: #fff0e6;
  --ok-bg: #e3f6f2;
  --neutral-bg: #eef1f1;
  --suspended-dot: #9aa5a8;
  --console: #0d1113;
  --console-raised: #161c1f;
  --console-rule: #1e272a;
  --console-track: #2a3236;
  --console-grid: #56666a;
  --console-text: #e8eeec;
  --console-text-2: #9fb0b1;
  --console-text-3: #8a9a9c;
  --accent-live: #3ef0c8;
  --alert: #ff9f6e;
  --font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-mark: "Inter Tight", var(--font-sans);
  --r-pill: 999px;
  --r-card: 24px;
  --r-panel: 12px;
  --r-nav: 10px;
  --r-nav-item: 7px;
  --r-code: 6px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --s-10: 72px;
  --s-11: 104px;
  --content: 1240px;
  --gutter: 28px;
  --product-col: 720px;
  --focus-light: 2px solid var(--accent-text);
  --focus-dark: 2px solid var(--accent-live);
  --ease: 120ms ease;
}