/* Fieldwork — canonical tokens. Override these on :root to theme every primitive. */
:root {
  color-scheme: light;
  --ds-canvas: #f5f4ef;
  --ds-surface: #fbfaf7;
  --ds-elevated: #ffffff;
  --ds-text: #242c2d;
  --ds-secondary: #525f60;
  --ds-muted: #657171;
  --ds-border: #d7dcd6;
  --ds-border-strong: #b6c0ba;
  --ds-accent: #17645f;
  --ds-accent-hover: #104d49;
  --ds-accent-soft: #e5efeb;
  --ds-success: #326348;
  --ds-success-soft: #e9efe6;
  --ds-warning: #80551e;
  --ds-warning-soft: #f6eedf;
  --ds-danger: #9b4239;
  --ds-danger-soft: #f6eae6;
  --ds-info: #3c617c;
  --ds-info-soft: #e8eef3;
  --ds-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --ds-font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  --ds-text-display: clamp(2rem, 4vw, 3rem);
  --ds-text-title: clamp(1.75rem, 3vw, 2.25rem);
  --ds-text-section: 1.125rem;
  --ds-text-body: .9375rem;
  --ds-text-small: .8125rem;
  --ds-text-label: .75rem;
  --ds-text-code: .8125rem;
  --ds-leading-tight: 1.15;
  --ds-leading-heading: 1.3;
  --ds-leading-body: 1.6;
  --ds-leading-code: 1.65;
  --ds-weight-regular: 400;
  --ds-weight-medium: 500;
  --ds-weight-strong: 600;
  --ds-tracking-title: -.03em;
  --ds-space-1: .25rem;
  --ds-space-2: .5rem;
  --ds-space-3: .75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.5rem;
  --ds-space-6: 2rem;
  --ds-space-7: 3rem;
  --ds-width-reading: 70ch;
  --ds-width-content: 76rem;
  --ds-width-technical: 96rem;
  --ds-width-aside: 19rem;
  --ds-section-gap: var(--ds-space-7);
  --ds-radius-small: 4px;
  --ds-radius: 6px;
  --ds-hairline: 1px;
  --ds-shadow-raised: 0 4px 16px rgb(36 44 45 / .08);
  --ds-focus-ring: 2px solid var(--ds-accent);
  --ds-duration: 120ms;
  --ds-ease: ease-out;
}