/* Generated by tools/build-tokens.mjs from tokens.json v0.2.0. Do not edit. */
:root {
  --td-color-brand-red: #B61E20;
  --td-color-brand-red-light: #FFD4D5;
  --td-color-brand-offwhite: #FFF4F4;
  --td-color-brand-blue-deep: #001C8E;
  --td-color-brand-black: #000000;
  --td-color-brand-white: #FFFFFF;
  --td-color-brand-brass: #C9A86A;
  --td-color-brand-ivory: #F3EADB;
  --td-color-surface-base: #070A22;
  --td-color-surface-panel: #0B0F28;
  --td-color-surface-raised: #111737;
  --td-color-surface-border: #182044;
  --td-color-surface-border-strong: #2C3870;
  --td-color-surface-grid: #1F2850;
  --td-color-ink-primary: #F2F2F2;
  --td-color-ink-muted: #A2AAC8;
  --td-color-ink-inverse: #070A22;
  --td-color-data-rose: #E5606E;
  --td-color-data-periwinkle: #6F86F2;
  --td-color-data-sand: #E8C18D;
  --td-color-data-neutral: #8A8FA8;
  --td-color-data-band-fill: rgba(111, 134, 242, 0.14);
  --td-color-status-ready: #8FD694;
  --td-color-status-live: #5CD6E8;
  --td-color-status-warning: #F5C451;
  --td-color-status-error: #FF9B73;
  --td-color-status-stale: #A2AAC8;
  --td-color-status-simulated: #C9A7FF;
  --td-color-focus: #F2F2F2;
  --td-font-editorial: Georgia, 'Times New Roman', serif;
  --td-font-ui: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --td-font-numeric: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --td-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --td-text-xs: 12px;
  --td-text-sm: 14px;
  --td-text-md: 16px;
  --td-text-lg: 20px;
  --td-text-xl: 28px;
  --td-text-2xl: 40px;
  --td-text-3xl: 56px;
  --td-space-1: 8px;
  --td-space-2: 16px;
  --td-space-3: 24px;
  --td-space-4: 32px;
  --td-space-6: 48px;
  --td-space-8: 64px;
  --td-space-0_5: 4px;
  --td-space-1_5: 12px;
  --td-control-height: 40px;
  --td-touch-target: 44px;
  --td-rule: 1px;
  --td-focus-ring: 2px;
  --td-radius-none: 0px;
  --td-radius-cta: 9999px;
  --td-shadow-title: 2px 2px 0 #000, 4px 4px 0 #000;
  --td-shadow-title-small: 1px 1px 0 #000, 2px 2px 0 #000;
  --td-shadow-hard: 4px 4px 0 #000;
  --td-motion-fast: 120ms;
  --td-motion-base: 250ms;
  --td-motion-slow: 700ms;
  --td-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root { --td-motion-fast: 0ms; --td-motion-base: 0ms; --td-motion-slow: 0ms; }
}