/* obvious primitives — shared by every app, identical everywhere.
 * Generated by obvious v0.1.0. Do not edit by hand:
 * change src/ and re-run `npm run build`.
 */

:root {
  --ds-space-3xs: 2px;
  --ds-space-2xs: 4px;
  --ds-space-xs: 8px;
  --ds-space-sm: 12px;
  --ds-space-md: 16px;
  --ds-space-lg: 24px;
  --ds-space-xl: 32px;
  --ds-space-2xl: 48px;
  --ds-space-3xl: 64px;
  --ds-space-4xl: 96px;
  --ds-space-5xl: 128px;
  --ds-space-fluid-s: clamp(16px, 4vw, 22px);
  --ds-space-fluid-m: clamp(22px, 5.5vw, 32px);
  --ds-space-fluid-l: clamp(36px, 8vw, 56px);
  --ds-space-fluid-xl: clamp(56px, 11vw, 88px);
  --ds-gutter: clamp(20px, 5vw, 64px);
  --ds-measure: 68ch;
  --ds-container: 1140px;
  --ds-text-micro: 11px;
  --ds-text-mono: 12.5px;
  --ds-text-xs: 13px;
  --ds-text-sm: 14px;
  --ds-text-md: 15px;
  --ds-text-base: 17px;
  --ds-text-lead: clamp(16px, 1.7vw, 19px);
  --ds-text-h3: clamp(20px, 2.4vw, 28px);
  --ds-text-h2: clamp(30px, 4.4vw, 52px);
  --ds-text-h1: clamp(34px, 6.6vw, 78px);
  --ds-type-h1-size: var(--ds-text-h1);
  --ds-type-h1-leading: 1.06;
  --ds-type-h1-tracking: -0.03em;
  --ds-type-h1-weight: 600;
  --ds-type-h2-size: var(--ds-text-h2);
  --ds-type-h2-leading: 1.1;
  --ds-type-h2-tracking: -0.025em;
  --ds-type-h2-weight: 600;
  --ds-type-h3-size: var(--ds-text-h3);
  --ds-type-h3-leading: 1.2;
  --ds-type-h3-tracking: -0.015em;
  --ds-type-h3-weight: 600;
  --ds-type-lead-size: var(--ds-text-lead);
  --ds-type-lead-leading: 1.5;
  --ds-type-lead-tracking: 0;
  --ds-type-lead-weight: 400;
  --ds-type-body-size: var(--ds-text-base);
  --ds-type-body-leading: 1.6;
  --ds-type-body-tracking: 0;
  --ds-type-body-weight: 400;
  --ds-type-ui-size: var(--ds-text-md);
  --ds-type-ui-leading: 1.4;
  --ds-type-ui-tracking: 0;
  --ds-type-ui-weight: 500;
  --ds-type-label-size: var(--ds-text-sm);
  --ds-type-label-leading: 1.4;
  --ds-type-label-tracking: 0;
  --ds-type-label-weight: 500;
  --ds-type-mono-size: var(--ds-text-mono);
  --ds-type-mono-leading: 1.4;
  --ds-type-mono-tracking: 0;
  --ds-type-mono-weight: 400;
  --ds-leading-tight: 1.06;
  --ds-leading-snug: 1.1;
  --ds-leading-normal: 1.4;
  --ds-leading-body: 1.5;
  --ds-leading-relaxed: 1.6;
  --ds-tracking-tightest: -0.03em;
  --ds-tracking-tighter: -0.025em;
  --ds-tracking-tight: -0.015em;
  --ds-tracking-normal: 0;
  --ds-tracking-wide: 0.04em;
  --ds-tracking-wider: 0.08em;
  --ds-weight-regular: 400;
  --ds-weight-medium: 500;
  --ds-weight-semibold: 600;
  --ds-weight-bold: 700;
  --ds-radius-xs: calc(var(--ds-radius-base) * 0.25);
  --ds-radius-sm: calc(var(--ds-radius-base) * 0.5);
  --ds-radius-md: var(--ds-radius-base);
  --ds-radius-lg: calc(var(--ds-radius-base) * 1.5);
  --ds-radius-xl: calc(var(--ds-radius-base) * 2.5);
  --ds-radius-full: 999px;
  --ds-border-hairline: 1px;
  --ds-border-thick: 1.5px;
  --ds-border-heavy: 2px;
  --ds-focus-width: 2px;
  --ds-focus-offset: 3px;
  --ds-focus-style: solid;
  --ds-duration-instant: 100ms;
  --ds-duration-fast: 150ms;
  --ds-duration-base: 250ms;
  --ds-duration-slow: 400ms;
  --ds-duration-slower: 700ms;
  --ds-duration-slowest: 900ms;
  --ds-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ds-ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ds-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ds-ease-spring: linear(0, 0.006, 0.025, 0.101, 0.539, 0.816, 0.934, 0.988, 1.007, 1.011, 1.005, 1);
  --ds-shadow-sm: 0 1px 3px var(--ds-color-shadow-color);
  --ds-shadow-md: 0 2px 8px -2px var(--ds-color-shadow-color);
  --ds-shadow-lg: 0 8px 24px -6px var(--ds-color-shadow-color);
  --ds-shadow-xl: 0 20px 48px -12px var(--ds-color-shadow-color);
  --ds-shadow-inset-hairline: inset 0 1px 0 var(--ds-color-shadow-highlight);
  --ds-control-height-sm: calc(32px * var(--ds-density));
  --ds-control-height-md: calc(40px * var(--ds-density));
  --ds-control-height-lg: calc(48px * var(--ds-density));
  --ds-control-tap-min: 44px;
  --ds-control-pad-x-sm: calc(10px * var(--ds-density));
  --ds-control-pad-x-md: calc(14px * var(--ds-density));
  --ds-control-pad-x-lg: calc(20px * var(--ds-density));
  --ds-z-base: 0;
  --ds-z-raised: 1;
  --ds-z-sticky: 10;
  --ds-z-nav: 40;
  --ds-z-overlay: 50;
  --ds-z-modal: 60;
  --ds-z-toast: 70;
}