/*
 * Design tokens as CSS custom properties: a hand-kept copy of the values in
 * packages/ui/src/tokens.ts, which is brain/DESIGN.md in code (OV-036 to OV-040).
 * test/tokens.test.ts fails if the two drift apart. Change tokens.ts first, then this file.
 * The Archivo cuts are in styles.css, and a test checks them against `archivoCuts`.
 */
:root {
  --color-white: #ffffff;
  --color-rail: #e6e8ea;
  --color-rail2: #d2d6da;
  --color-ink: #000000;
  --color-ink2: #383d43;
  --color-idle: #5c636b;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;

  --gutter: 16px;
  --tap: 44px;
  --slab: 28px;
  --rail: 44px;

  --cut-bug: 28px;
  --cut-compact: 20px;
  --cut-strip: 12px;
  --cut-section: 8px;
  --stripe: 6px;
  --base: 5px;
  --arrow-long: 16px;
  --arrow-short: 12px;
  --rule: 2px;
}