/* GENERATED. Edit tokens/source.json; run python3 scripts/build_tokens.py. */
:root {
  --tl-font-sans: "IBM Plex Sans", Arial, sans-serif;
  --tl-font-mono: "IBM Plex Mono", monospace;
  --tl-weight-regular: 400;
  --tl-weight-strong: 600;
  --tl-space-1: 4px;
  --tl-space-2: 8px;
  --tl-space-3: 12px;
  --tl-space-4: 16px;
  --tl-space-5: 20px;
  --tl-space-6: 24px;
  --tl-space-8: 32px;
  --tl-space-10: 40px;
  --tl-space-12: 48px;
  --tl-space-16: 64px;
  --tl-space-24: 96px;
  --tl-radius-control: 4px;
  --tl-radius-panel: 6px;
  --tl-radius-pill: 999px;
  --tl-type-display: 3.5rem;
  --tl-type-title: 2.5rem;
  --tl-type-section: 1.625rem;
  --tl-type-subheading: 1.125rem;
  --tl-type-prose: 1.0625rem;
  --tl-type-body: 1rem;
  --tl-type-ui: 0.875rem;
  --tl-type-meta: 0.8125rem;
  --tl-type-label: 0.75rem;
  --tl-leading-heading: 1.15;
  --tl-leading-ui: 1.5;
  --tl-leading-prose: 1.75;
  --tl-layout-rail: 224px;
  --tl-layout-reading: 740px;
  --tl-layout-workspace: 1600px;
  --tl-layout-dialog: 480px;
  --tl-motion-fast: 120ms;
  --tl-motion-normal: 180ms;
  --tl-motion-slow: 240ms;
  --tl-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --tl-focus-width: 2px;
  --tl-focus-offset: 3px;
  --tl-border-width: 1px;
  --tl-z-base: 0;
  --tl-z-sticky: 10;
  --tl-z-nav: 20;
  --tl-z-toast: 40;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --tl-surface-page: #f3f0e6;
  --tl-surface-raised: #fcfaf5;
  --tl-surface-sunken: #e8e8df;
  --tl-surface-hover: #e5eeea;
  --tl-surface-selected: #d3e8e4;
  --tl-text-primary: #101f25;
  --tl-text-secondary: #536268;
  --tl-text-link: #006b72;
  --tl-text-disabled: #536268;
  --tl-border-subtle: #d7dcd6;
  --tl-control-border: #728487;
  --tl-focus-ring: #006a70;
  --tl-action-primary-bg: #00767d;
  --tl-action-primary-hover: #00656c;
  --tl-action-primary-pressed: #00545b;
  --tl-action-primary-text: #ffffff;
  --tl-action-danger-bg: #ad342e;
  --tl-action-danger-hover: #922b26;
  --tl-action-danger-pressed: #7c241f;
  --tl-action-danger-text: #ffffff;
  --tl-disabled-bg: #e2e5df;
  --tl-nav-bg: #101f25;
  --tl-nav-text: #f3f0e6;
  --tl-nav-muted: #b3c5c7;
  --tl-nav-selected-bg: #17333c;
  --tl-nav-selected-text: #7ed6d4;
  --tl-nav-focus: #7ed6d4;
  --tl-status-success-text: #216944;
  --tl-status-success-bg: #eaf4ed;
  --tl-status-warning-text: #82500e;
  --tl-status-warning-bg: #fcf0d8;
  --tl-status-danger-text: #ad342e;
  --tl-status-danger-bg: #fcece8;
  --tl-status-info-text: #135e8c;
  --tl-status-info-bg: #e8f1f8;
  --tl-status-neutral-text: #536268;
  --tl-status-neutral-bg: #e8e8df;
  --tl-code-bg: #e8e8df;
  --tl-code-text: #101f25;
  --tl-chart-a: #00767d;
  --tl-chart-b: #8a4b70;
  --tl-chart-c: #80551c;
}
[data-theme="dark"] {
  color-scheme: dark;
  --tl-surface-page: #101f25;
  --tl-surface-raised: #17333c;
  --tl-surface-sunken: #0b171c;
  --tl-surface-hover: #20424a;
  --tl-surface-selected: #28535b;
  --tl-text-primary: #f3f0e6;
  --tl-text-secondary: #b3c5c7;
  --tl-text-link: #7ed6d4;
  --tl-text-disabled: #a5b9bb;
  --tl-border-subtle: #34525a;
  --tl-control-border: #789397;
  --tl-focus-ring: #7ed6d4;
  --tl-action-primary-bg: #7ed6d4;
  --tl-action-primary-hover: #a2e3e0;
  --tl-action-primary-pressed: #66c3c1;
  --tl-action-primary-text: #101f25;
  --tl-action-danger-bg: #ffa69b;
  --tl-action-danger-hover: #ffc1b8;
  --tl-action-danger-pressed: #ef958a;
  --tl-action-danger-text: #101f25;
  --tl-disabled-bg: #283e45;
  --tl-nav-bg: #0b171c;
  --tl-nav-text: #f3f0e6;
  --tl-nav-muted: #b3c5c7;
  --tl-nav-selected-bg: #17333c;
  --tl-nav-selected-text: #7ed6d4;
  --tl-nav-focus: #7ed6d4;
  --tl-status-success-text: #9bdeb4;
  --tl-status-success-bg: #173a2b;
  --tl-status-warning-text: #f0c177;
  --tl-status-warning-bg: #3e301c;
  --tl-status-danger-text: #ffa69b;
  --tl-status-danger-bg: #452827;
  --tl-status-info-text: #9fd2f0;
  --tl-status-info-bg: #193747;
  --tl-status-neutral-text: #b3c5c7;
  --tl-status-neutral-bg: #283e45;
  --tl-code-bg: #0b171c;
  --tl-code-text: #f3f0e6;
  --tl-chart-a: #7ed6d4;
  --tl-chart-b: #e0add0;
  --tl-chart-c: #f0c177;
}
:root, [data-density="comfortable"] {
  --tl-control-height: 44px;
  --tl-row-height: 48px;
  --tl-control-px: 16px;
  --tl-control-py: 10px;
}
[data-density="compact"] {
  --tl-control-height: 32px;
  --tl-row-height: 36px;
  --tl-control-px: 12px;
  --tl-control-py: 5px;
}
@media (pointer: coarse), (max-width: 760px) { :root, [data-density] { --tl-control-height: 44px; --tl-row-height: 48px; --tl-control-px: 16px; --tl-control-py: 10px; } }