/*
 * Generated by scripts/build-tokens.mjs from tokens/*.json.
 * Do not edit by hand: run `npm run build` (or `nix build .#tokens`) instead.
 * Source of truth: tokens/color.json, space.json, type.json, radius.json, border.json, motion.json
 */

:root {
  /* colour */
  --dash-color-forest: #123D31;
  --dash-color-active: #247A59;
  --dash-color-emerald: #36A06F;
  --dash-color-sage: #A9CFB7;
  --dash-color-paper: #F5F2E9;
  --dash-color-ink: #08201A;
  --dash-color-muted: #556B61;
  --dash-color-rule: #C9D6CD;
  --dash-color-success: #247A59;
  --dash-color-warning: #8A6410;
  --dash-color-danger: #9B2C1F;
  --dash-color-on-accent: #08251A;
  --dash-color-ground: #F8F5EC;

  /* surface pairings: the foreground guaranteed to meet AA on each surface */
  --dash-on-forest: var(--dash-color-paper);
  --dash-on-forest-muted: var(--dash-color-sage);
  --dash-on-active: var(--dash-color-paper);
  --dash-on-active-muted: var(--dash-color-sage);
  --dash-on-emerald: var(--dash-color-on-accent);
  --dash-on-emerald-muted: var(--dash-color-forest);
  --dash-on-sage: var(--dash-color-on-accent);
  --dash-on-sage-muted: var(--dash-color-forest);
  --dash-on-paper: var(--dash-color-ink);
  --dash-on-paper-muted: var(--dash-color-muted);
  --dash-on-ground: var(--dash-color-ink);
  --dash-on-ground-muted: var(--dash-color-muted);

  /* space */
  --dash-space-0: 0;
  --dash-space-1: 0.25rem;
  --dash-space-2: 0.5rem;
  --dash-space-3: 0.75rem;
  --dash-space-4: 1rem;
  --dash-space-5: 1.5rem;
  --dash-space-6: 2rem;
  --dash-space-7: 3rem;
  --dash-space-8: 4rem;
  --dash-space-9: 6rem;
  --dash-space-10: 8rem;

  /* type */
  --dash-font-sans: 'Outfit', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --dash-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --dash-text-xs: 0.75rem;
  --dash-leading-xs: 1.4;
  --dash-text-sm: 0.875rem;
  --dash-leading-sm: 1.45;
  --dash-text-base: 1rem;
  --dash-leading-base: 1.6;
  --dash-text-lg: 1.25rem;
  --dash-leading-lg: 1.5;
  --dash-text-xl: 1.5rem;
  --dash-leading-xl: 1.35;
  --dash-text-display-sm: 2rem;
  --dash-leading-display-sm: 1.2;
  --dash-text-display-md: 3rem;
  --dash-leading-display-md: 1.1;
  --dash-text-display-lg: 4.5rem;
  --dash-leading-display-lg: 1.03;
  --dash-text-display-xl: 5.5rem;
  --dash-leading-display-xl: 1.0;
  --dash-weight-regular: 400;
  --dash-weight-medium: 500;
  --dash-weight-semibold: 600;
  --dash-weight-bold: 700;
  --dash-tracking-tight: -0.02em;
  --dash-tracking-normal: 0;
  --dash-tracking-label: 0.14em;
  --dash-tracking-specimen: 0.4em;

  /* radius */
  --dash-radius-none: 0;
  --dash-radius-sm: 4px;
  --dash-radius-md: 8px;
  --dash-radius-lg: 16px;
  --dash-radius-xl: 24px;
  --dash-radius-full: 999px;

  /* border */
  --dash-border-hairline: 1px;
  --dash-border-default: 2px;

  /* motion */
  --dash-duration-fast: 120ms;
  --dash-duration-base: 220ms;
  --dash-duration-slow: 420ms;
  --dash-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --dash-ease-linear: linear;
}