/* Generated from DTCG tokens/source.json. Run npm run build. */
:root {
  --primer-palette-sand-25: #eeeeec;
  --primer-palette-sand-50: #f7f6f3;
  --primer-palette-sand-100: #eeede7;
  --primer-palette-sand-200: #e4e2db;
  --primer-palette-sand-300: #b5b3ad;
  --primer-palette-sand-400: #86857d;
  --primer-palette-sand-500: #6a6962;
  --primer-palette-sand-600: #5c5a54;
  --primer-palette-sand-800: #1c1b19;
  --primer-palette-sand-850: #2a2a28;
  --primer-palette-sand-950: #111110;
  --primer-palette-brown-300: #dbb594;
  --primer-palette-brown-400: #e7cdb6;
  --primer-palette-brown-600: #976e4d;
  --primer-palette-brown-700: #815c40;
  --primer-palette-brown-800: #6b4a32;
  --primer-palette-brown-900: #543a27;
  --primer-palette-green-300: #6a9f75;
  --primer-palette-green-700: #1b5e3a;
  --primer-palette-amber-300: #b8933c;
  --primer-palette-amber-700: #7a5610;
  --primer-palette-red-300: #e7a3a3;
  --primer-palette-red-700: #8a3030;
  --primer-palette-red-800: #8a3e3e;
  --primer-palette-blue-300: #5e9ea3;
  --primer-palette-blue-700: #1a5960;
  --primer-palette-white: #ffffff;
  --primer-space-0: 0px;
  --primer-space-1: 4px;
  --primer-space-2: 8px;
  --primer-space-3: 12px;
  --primer-space-4: 16px;
  --primer-space-5: 24px;
  --primer-space-6: 32px;
  --primer-space-7: 48px;
  --primer-space-8: 64px;
  --primer-radius-small: 4px;
  --primer-radius-medium: 6px;
  --primer-radius-large: 12px;
  --primer-radius-pill: 999px;
  --primer-font-body: Outfit, ui-sans-serif, system-ui, sans-serif;
  --primer-font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;
  --primer-font-size-small: 13px;
  --primer-font-size-body: 16px;
  --primer-font-size-large: 18px;
  --primer-font-size-heading: 24px;
  --primer-font-size-display: 60px;
  --primer-font-weight-regular: 400;
  --primer-font-weight-medium: 500;
  --primer-font-weight-bold: 600;
  --primer-font-weight-display: 800;
  --primer-font-line-height-body: 1.5;
  --primer-font-line-height-heading: 1.15;
  --primer-motion-fast: 120ms;
  --primer-motion-normal: 160ms;
  --primer-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --primer-layout-content: 1120px;
  --primer-layout-sidebar: 240px;
  --primer-layout-rail: 320px;
  --primer-terminal-space-small: 1;
  --primer-terminal-space-medium: 2;
  --primer-terminal-space-large: 4;
  --primer-terminal-width-compact: 48;
  --primer-terminal-width-normal: 80;
}
:root, [data-primer-theme="dark"] {
  color-scheme: dark;
  --primer-color-canvas: var(--primer-palette-sand-950);
  --primer-color-surface: var(--primer-palette-sand-950);
  --primer-color-raised: var(--primer-palette-sand-800);
  --primer-color-text: var(--primer-palette-sand-25);
  --primer-color-muted: var(--primer-palette-sand-300);
  --primer-color-subtle: var(--primer-palette-sand-400);
  --primer-color-border: var(--primer-palette-sand-500);
  --primer-color-border-subtle: var(--primer-palette-sand-850);
  --primer-color-accent: var(--primer-palette-brown-300);
  --primer-color-accent-strong: var(--primer-palette-brown-400);
  --primer-color-accent-fill: var(--primer-palette-brown-600);
  --primer-color-accent-fill-hover: var(--primer-palette-brown-700);
  --primer-color-on-accent: var(--primer-palette-white);
  --primer-color-focus: var(--primer-palette-brown-300);
  --primer-color-success: var(--primer-palette-green-300);
  --primer-color-warning: var(--primer-palette-amber-300);
  --primer-color-error: var(--primer-palette-red-300);
  --primer-color-danger-fill: var(--primer-palette-red-800);
  --primer-color-info: var(--primer-palette-blue-300);
}
[data-primer-theme="light"] {
  color-scheme: light;
  --primer-color-canvas: var(--primer-palette-sand-50);
  --primer-color-surface: var(--primer-palette-white);
  --primer-color-raised: var(--primer-palette-sand-100);
  --primer-color-text: var(--primer-palette-sand-950);
  --primer-color-muted: var(--primer-palette-sand-600);
  --primer-color-subtle: var(--primer-palette-sand-600);
  --primer-color-border: var(--primer-palette-sand-500);
  --primer-color-border-subtle: var(--primer-palette-sand-200);
  --primer-color-accent: var(--primer-palette-brown-800);
  --primer-color-accent-strong: var(--primer-palette-brown-900);
  --primer-color-accent-fill: var(--primer-palette-brown-600);
  --primer-color-accent-fill-hover: var(--primer-palette-brown-700);
  --primer-color-on-accent: var(--primer-palette-white);
  --primer-color-focus: var(--primer-palette-brown-800);
  --primer-color-success: var(--primer-palette-green-700);
  --primer-color-warning: var(--primer-palette-amber-700);
  --primer-color-error: var(--primer-palette-red-700);
  --primer-color-danger-fill: var(--primer-palette-red-800);
  --primer-color-info: var(--primer-palette-blue-700);
}