/* generated by no-slop-design build_tokens.py — do not edit by hand */
:root {
  --border-width-focus: 2px;
  --border-width-rule: 1px;
  --color-border-focus: oklch(0.80 0.14 56);
  --color-border-strong: oklch(0.38 0.014 65);
  --color-border-subtle: oklch(0.27 0.012 62);
  --color-decomp-bg: oklch(0.985 0.006 96); /* the decompdecomp band */
  --color-decomp-text: oklch(0.2 0.014 96);
  --color-decomp-text-secondary: oklch(0.42 0.014 96);
  --color-neutral-1: oklch(0.155 0.010 60); /* page: a lit cinema, not pure black */
  --color-neutral-2: oklch(0.195 0.011 60);
  --color-neutral-3: oklch(0.27 0.012 62);
  --color-neutral-4: oklch(0.38 0.014 65);
  --color-neutral-5: oklch(0.70 0.018 70);
  --color-neutral-6: oklch(0.82 0.018 75);
  --color-neutral-7: oklch(0.945 0.016 80);
  --color-orange-10: oklch(0.80 0.14 56);
  --color-orange-9: oklch(0.72 0.175 50);
  --color-paper-1: oklch(0.985 0.006 96);
  --color-paper-11: oklch(0.42 0.014 96);
  --color-paper-12: oklch(0.2 0.014 96);
  --color-surface-base: oklch(0.155 0.010 60);
  --color-text-link: oklch(0.72 0.175 50);
  --color-text-link-hover: oklch(0.80 0.14 56);
  --color-text-primary: oklch(0.945 0.016 80);
  --color-text-secondary: oklch(0.82 0.018 75);
  --color-text-tertiary: oklch(0.70 0.018 70); /* captions, footer */
  --font-code: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-display: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-grotesk: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-text: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --measure-page: 78rem;
  --measure-text: 38rem;
  --size-body: 1.0625rem;
  --size-code: 0.8125rem;
  --size-display: clamp(3rem, 18vw, 15rem); /* the name; one per page */
  --size-h2: clamp(2rem, 5vw, 3.75rem);
  --size-lede: clamp(1.25rem, 2vw, 1.625rem);
  --size-skew: clamp(1.5rem, 4vw, 4rem); /* how far the decompdecomp band's edges slant, after decomp.ndelic.com's highlighter stroke */
  --size-small: 0.875rem;
  --space-block: 2rem;
  --space-gutter: clamp(1rem, 4vw, 3rem);
  --space-line: 1rem;
  --space-section: clamp(5rem, 12vw, 10rem);
  --space-tight: 0.5rem;
}