/* GENERATED FILE -- DO NOT EDIT.

   Source: web/src/design-system/tokens/primitive.tokens.json (via design-system.resolver.json)
   Generator: web/tokens.py, run by web/build.py.

   An edit here is lost on the next build, and `tests/workspace/web/test_tokens.py` fails
   when this file and its source disagree -- which is the point: the source is
   the source, and a hand-edit that survived would make that untrue quietly. */


:root,
[data-theme] {
  --setting-density: 1;
  --setting-type: 1;
  --setting-roundness: 1;
  --color-white: #ffffff;
  --color-gray-25: #f2f2f2;
  --color-gray-50: #f7f7f7;
  --color-gray-100: #efefef;
  --color-gray-150: #ebebeb;
  --color-gray-200: #e5e5e5;
  --color-gray-250: #d6d6d6;
  --color-gray-300: #d1d1d1;
  --color-gray-400: #a3a3a3;
  --color-gray-450: #8f8f8f;
  --color-gray-500: #7a7a7a;
  --color-gray-600: #636363;
  --color-gray-700: #454545;
  --color-gray-750: #3d3d3d;
  --color-gray-800: #333333;
  --color-gray-825: #2e2e2e;
  --color-gray-850: #2b2b2b;
  --color-gray-900: #212121;
  --color-gray-925: #1c1c1c;
  --color-gray-950: #171717;
  --color-gray-975: #141414;
  --color-green-300: #5dd5b2;
  --color-green-700: #147d64;
  --color-violet-300: #c4b5fd;
  --color-violet-600: #7355b8;
  --color-amber-300: #fbbf24;
  --color-amber-700: #b45309;
  --color-red-300: #fda4af;
  --color-red-350: #fb94a0;
  --color-red-400: #f87183;
  --color-red-700: #b42336;
  --color-red-800: #a3162a;
  --color-red-900: #85101f;
  --color-amber-wash: #fff7e9;
  --color-amber-deep: #41352b;
  --color-scrim-light: rgb(23 23 23 / 0.40);
  --color-scrim-dark: rgb(0 0 0 / 0.60);
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --font-serif: Newsreader, Georgia, "Iowan Old Style", serif;
  --size-050: calc(0.6875rem * var(--setting-type));
  --size-100: calc(0.75rem * var(--setting-type));
  --size-150: calc(0.8125rem * var(--setting-type));
  --size-200: calc(0.875rem * var(--setting-type));
  --size-250: calc(0.9375rem * var(--setting-type));
  --size-300: calc(1rem * var(--setting-type));
  --size-400: calc(1.25rem * var(--setting-type));
  --size-500: calc(1.375rem * var(--setting-type));
  --size-700: calc(2rem * var(--setting-type));
  --size-800: calc(2.25rem * var(--setting-type));
  --size-900: calc(3rem * var(--setting-type));
  --tracking-tight-300: -0.045;
  --tracking-tight-200: -0.035;
  --tracking-tight-100: -0.025;
  --tracking-wide-100: 0.04;
  --tracking-wide-200: 0.08;
  --space-50: calc(0.125rem * var(--setting-density));
  --space-100: calc(0.25rem * var(--setting-density));
  --space-150: calc(0.375rem * var(--setting-density));
  --space-200: calc(0.5rem * var(--setting-density));
  --space-250: calc(0.625rem * var(--setting-density));
  --space-300: calc(0.75rem * var(--setting-density));
  --space-350: calc(0.875rem * var(--setting-density));
  --space-400: calc(1rem * var(--setting-density));
  --space-450: calc(1.125rem * var(--setting-density));
  --space-500: calc(1.25rem * var(--setting-density));
  --space-550: calc(1.375rem * var(--setting-density));
  --space-600: calc(1.5rem * var(--setting-density));
  --space-700: calc(1.75rem * var(--setting-density));
  --space-800: calc(2rem * var(--setting-density));
  --space-900: calc(2.25rem * var(--setting-density));
  --space-1000: calc(2.5rem * var(--setting-density));
  --space-1100: calc(2.75rem * var(--setting-density));
  --space-1200: calc(3rem * var(--setting-density));
  --space-1400: calc(3.5rem * var(--setting-density));
  --space-1600: calc(4rem * var(--setting-density));
  --radius-100: calc(9px * var(--setting-roundness));
  --radius-200: calc(12px * var(--setting-roundness));
  --radius-300: calc(18px * var(--setting-roundness));
  --radius-400: calc(24px * var(--setting-roundness));
  --radius-500: calc(36px * var(--setting-roundness));
  --radius-full: 9999px;
  --shadow-100: 0 1px 2px rgb(20 22 28 / 0.04);
  --shadow-200: 0 2px 8px rgb(20 22 28 / 0.06);
  --shadow-300: 0 8px 24px rgb(20 22 28 / 0.10);
  --rule-hairline: 1px;
  --rule-bar: 3px;
  --target-control: 2.625rem;
  --duration-100: 80ms;
  --duration-200: 120ms;
  --duration-300: 200ms;
  --duration-1000: 1000ms;
  --ease-out: ease-out;
  --ease-in-out: ease-in-out;
  --ease-linear: linear;
  --ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
}