/**
 * Generated release copy of packages/design-tokens/frachttower.css.
 * `npm run tokens:check` enforces declaration parity.
 */
:root {
  --ft-navy-950: #071925;
  --ft-navy-800: #102b3b;
  --ft-copper-800: #7c351f;
  --ft-copper-700: #a64b2a;
  --ft-copper-100: #eed9cf;
  --ft-paper-50: #f5f2eb;
  --ft-paper-100: #ece8de;
  --ft-white: #fff;
  --ft-ink-900: #0e1b22;
  --ft-steel-700: #506574;
  --ft-steel-500: #6d7c83;
  --ft-rule-200: #cad2d3;
  --ft-info-700: #1b6b8d;
  --ft-green-700: #067647;
  --ft-green-100: #dff7eb;
  --ft-amber-700: #925000;
  --ft-amber-100: #fff0cd;
  --ft-red-700: #b42318;
  --ft-red-100: #fee4e2;
  --ft-color-bg: var(--ft-paper-50);
  --ft-color-surface: var(--ft-white);
  --ft-color-text: var(--ft-ink-900);
  --ft-color-text-muted: var(--ft-steel-700);
  --ft-color-border: var(--ft-rule-200);
  --ft-color-primary: var(--ft-navy-950);
  --ft-color-action: var(--ft-copper-700);
  --ft-color-action-pressed: var(--ft-copper-800);
  --ft-color-action-soft: var(--ft-copper-100);
  --ft-color-link: var(--ft-info-700);
  --ft-color-focus: var(--ft-info-700);
  --ft-color-success: var(--ft-green-700);
  --ft-color-warning: var(--ft-amber-700);
  --ft-color-danger: var(--ft-red-700);
  --ft-font-display: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;
  --ft-font-sans: "IBM Plex Sans", arial, sans-serif;
  --ft-font-data: "IBM Plex Mono", consolas, monospace;
  --ft-label-size: 11px;
  --ft-label-line: 1.35;
  --ft-label-weight: 600;
  --ft-label-tracking: 0.1em;
  --ft-meta-size: 10px;
  --ft-meta-line: 1.4;
  --ft-space-1: 4px;
  --ft-space-2: 8px;
  --ft-space-3: 12px;
  --ft-space-4: 16px;
  --ft-space-6: 24px;
  --ft-space-8: 32px;
  --ft-space-12: 48px;
  --ft-space-16: 64px;
  --ft-radius-data: 2px;
  --ft-radius-control: 6px;
  --ft-radius-surface: 10px;
  --ft-motion-fast: 160ms;
  --ft-motion-base: 220ms;
  --ft-motion-complex: 320ms;
  --ft-motion-relay-distance: 10px;
  --tenant-color-primary: var(--ft-color-primary);
  --tenant-color-action: var(--ft-color-action);
  --ink: var(--ft-color-text);
  --ink-2: var(--ft-navy-800);
  --muted: var(--ft-color-text-muted);
  --line: var(--ft-color-border);
  --surface: var(--ft-color-bg);
  --surface-2: var(--ft-paper-100);
  --white: var(--ft-white);
  --brand: var(--ft-color-action);
  --brand-dark: var(--ft-color-action-pressed);
  --brand-bright: var(--ft-color-action-soft);
  --navy: var(--ft-color-primary);
  --warm: var(--ft-paper-100);
  --tenant-primary: var(--tenant-color-primary);
  --tenant-action: var(--tenant-color-action);
  --ft-color-brand: var(--ft-color-primary);
  --ft-color-signal: var(--ft-color-action);
  --ft-color-signal-strong: var(--ft-color-action-pressed);
  --ft-color-highlight: var(--ft-color-action-soft);
}

[data-theme="dark"],
.dark {
  --ft-color-bg: #06141e;
  --ft-color-surface: #0b2033;
  --ft-color-text: #f5f2eb;
  --ft-color-text-muted: #bcc8ca;
  --ft-color-border: #294556;
  --ft-color-primary: #f5f2eb;
  --ft-color-action: #e6a186;
  --ft-color-action-pressed: #f1bba6;
  --ft-color-action-soft: #5c3023;
  --ft-color-link: #80c3dd;
  --ft-color-focus: #80c3dd;
  --ft-color-success: #75d6aa;
  --ft-color-warning: #f2c15c;
  --ft-color-danger: #ff9b94;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ft-motion-fast: 0ms;
    --ft-motion-base: 0ms;
    --ft-motion-complex: 0ms;
  }
}