/* TransLogix design tokens — generated by design_TL/source/build.mjs from brand.config.mjs. Do not edit by hand. */
:root {
  --tl-harbour-50: #EEF3FA;
  --tl-harbour-100: #DCE6F4;
  --tl-harbour-200: #B9CCE8;
  --tl-harbour-300: #8EABD8;
  --tl-harbour-400: #5F86C2;
  --tl-harbour-500: #3A66A8;
  --tl-harbour-600: #24508F;
  --tl-harbour-700: #1B4079;
  --tl-harbour-800: #163463;
  --tl-harbour-900: #11284D;
  --tl-harbour-950: #0A1830;
  --tl-sky-50: #EEF6FC;
  --tl-sky-100: #DAEBF7;
  --tl-sky-200: #B5D6EF;
  --tl-sky-300: #86BCE4;
  --tl-sky-400: #5299D3;
  --tl-sky-500: #3881C0;
  --tl-sky-600: #2A68A3;
  --tl-sky-700: #235484;
  --tl-signal-50: #FFF1EA;
  --tl-signal-100: #FFDCC8;
  --tl-signal-300: #FF8F5A;
  --tl-signal-400: #FF7232;
  --tl-signal-500: #FF570A;
  --tl-signal-600: #E04700;
  --tl-signal-700: #B33A00;
  --tl-ghost-50: #F7F7FF;
  --tl-ghost-100: #EEEFF7;
  --tl-ghost-200: #E1E3EE;
  --tl-ghost-300: #C9CCDB;
  --tl-ghost-400: #9DA2B6;
  --tl-ghost-500: #747A90;
  --tl-ghost-600: #565C72;
  --tl-ghost-700: #3E4459;
  --tl-ghost-800: #2A2F42;
  --tl-ghost-900: #181C2C;
  --tl-ghost-950: #0E111C;
  --tl-white: #FFFFFF;
  --tl-black: #000000;
  --tl-data-1: #24508F;
  --tl-data-2: #5299D3;
  --tl-data-3: #2E9C8F;
  --tl-data-4: #C9932B;
  --tl-data-5: #8EABD8;
  --tl-data-6: #747A90;
  --tl-data-highlight: #FF570A;
  --tl-font-display: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tl-font-sans: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tl-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --tl-display-stretch: 112.5%;
  --tl-space-0_5: 2px;
  --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-12: 48px;
  --tl-space-20: 80px;
  --tl-radius-xs: 2px;
  --tl-radius-sm: 4px;
  --tl-radius-md: 6px;
  --tl-radius-lg: 8px;
  --tl-radius-full: 9999px;
  --tl-control-sm: 32px;
  --tl-control-md: 38px;
  --tl-control-lg: 44px;
  --tl-sidebar: 248px;
  --tl-sidebar-collapsed: 64px;
  --tl-topbar: 56px;
  --tl-content-max: 1360px;
  --tl-icon-sm: 16px;
  --tl-icon-md: 20px;
  --tl-ease: cubic-bezier(.2, .7, .2, 1);
  --tl-duration-fast: 120ms;
  --tl-duration: 200ms;
}
:root, [data-theme='light'] {
  color-scheme: light;
  --tl-bg: #F7F7FF;
  --tl-surface: #FFFFFF;
  --tl-surface-sunken: #EEEFF7;
  --tl-surface-inverse: #11284D;
  --tl-ink: #181C2C;
  --tl-ink-muted: #565C72;
  --tl-ink-inverse: #F7F7FF;
  --tl-border: #E1E3EE;
  --tl-border-strong: #747A90;
  --tl-brand: #1B4079;
  --tl-brand-hover: #163463;
  --tl-brand-tint: #EEF3FA;
  --tl-on-brand: #FFFFFF;
  --tl-secondary: #5299D3;
  --tl-accent: #FF570A;
  --tl-accent-text: #B33A00;
  --tl-focus: #3881C0;
  --tl-success: #1F7A4D;
  --tl-success-tint: #E5F4EC;
  --tl-warning: #8F5300;
  --tl-warning-tint: #FBF0DC;
  --tl-danger: #C0262D;
  --tl-danger-tint: #FCE7E7;
  --tl-info: #24508F;
  --tl-disabled: #C9CCDB;
  --tl-shadow-raised: 0 1px 2px rgba(17, 40, 77, 0.06), 0 1px 1px rgba(17, 40, 77, 0.04);
  --tl-shadow-overlay: 0 16px 40px rgba(17, 40, 77, 0.16), 0 2px 8px rgba(17, 40, 77, 0.08);
}
[data-theme='dark'] {
  color-scheme: dark;
  --tl-bg: #0A1222;
  --tl-surface: #101B30;
  --tl-surface-sunken: #0D1628;
  --tl-surface-inverse: #0A1830;
  --tl-ink: #EEF1FA;
  --tl-ink-muted: #A3ADC6;
  --tl-ink-inverse: #F7F7FF;
  --tl-border: #22304B;
  --tl-border-strong: #5D6B8C;
  --tl-brand: #5299D3;
  --tl-brand-hover: #86BCE4;
  --tl-brand-tint: #15284A;
  --tl-on-brand: #0A1830;
  --tl-secondary: #5299D3;
  --tl-accent: #FF7232;
  --tl-accent-text: #FF8F5A;
  --tl-focus: #86BCE4;
  --tl-success: #4FC48A;
  --tl-success-tint: #0F3324;
  --tl-warning: #F0A646;
  --tl-warning-tint: #38280C;
  --tl-danger: #F27676;
  --tl-danger-tint: #3B1517;
  --tl-info: #86BCE4;
  --tl-disabled: #33405C;
  --tl-shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.4);
  --tl-shadow-overlay: 0 16px 40px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.4);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --tl-bg: #0A1222;
    --tl-surface: #101B30;
    --tl-surface-sunken: #0D1628;
    --tl-surface-inverse: #0A1830;
    --tl-ink: #EEF1FA;
    --tl-ink-muted: #A3ADC6;
    --tl-ink-inverse: #F7F7FF;
    --tl-border: #22304B;
    --tl-border-strong: #5D6B8C;
    --tl-brand: #5299D3;
    --tl-brand-hover: #86BCE4;
    --tl-brand-tint: #15284A;
    --tl-on-brand: #0A1830;
    --tl-secondary: #5299D3;
    --tl-accent: #FF7232;
    --tl-accent-text: #FF8F5A;
    --tl-focus: #86BCE4;
    --tl-success: #4FC48A;
    --tl-success-tint: #0F3324;
    --tl-warning: #F0A646;
    --tl-warning-tint: #38280C;
    --tl-danger: #F27676;
    --tl-danger-tint: #3B1517;
    --tl-info: #86BCE4;
    --tl-disabled: #33405C;
    --tl-shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.4);
    --tl-shadow-overlay: 0 16px 40px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.4);
  }
}