/* Generated by build_tokens.py. Edit tokens.json and regenerate.
 * Breakpoint variables are documentation values; CSS var() cannot be
 * substituted directly into ordinary @media conditions.
 * Font binaries and @font-face declarations are intentionally not included.
 */
:root {
  --bacs-palette-white: #FFFFFF;
  --bacs-palette-cloud: #F4F7FA;
  --bacs-palette-ice: #EAF1F5;
  --bacs-palette-prussian: #003153;
  --bacs-palette-prussian-hover: #002640;
  --bacs-palette-prussian-pressed: #001E33;
  --bacs-palette-ink: #152C3B;
  --bacs-palette-slate: #536775;
  --bacs-palette-line-subtle: #D6E0E7;
  --bacs-palette-line-control: #778B99;
  --bacs-palette-teal: #006B64;
  --bacs-palette-teal-tint: #EAF6F3;
  --bacs-palette-amber: #925400;
  --bacs-palette-amber-tint: #FFF4DE;
  --bacs-palette-red: #AD2435;
  --bacs-palette-red-tint: #FFF1F2;
  --bacs-color-canvas: var(--bacs-palette-white);
  --bacs-color-surface: var(--bacs-palette-cloud);
  --bacs-color-selected: var(--bacs-palette-ice);
  --bacs-color-brand: var(--bacs-palette-prussian);
  --bacs-color-text: var(--bacs-palette-ink);
  --bacs-color-text-secondary: var(--bacs-palette-slate);
  --bacs-color-text-inverse: var(--bacs-palette-white);
  --bacs-color-border-subtle: var(--bacs-palette-line-subtle);
  --bacs-color-border-control: var(--bacs-palette-line-control);
  --bacs-color-action: var(--bacs-palette-prussian);
  --bacs-color-action-hover: var(--bacs-palette-prussian-hover);
  --bacs-color-action-pressed: var(--bacs-palette-prussian-pressed);
  --bacs-color-focus: var(--bacs-palette-prussian);
  --bacs-color-verified: var(--bacs-palette-teal);
  --bacs-color-verified-surface: var(--bacs-palette-teal-tint);
  --bacs-color-attention: var(--bacs-palette-amber);
  --bacs-color-attention-surface: var(--bacs-palette-amber-tint);
  --bacs-color-critical: var(--bacs-palette-red);
  --bacs-color-critical-surface: var(--bacs-palette-red-tint);
  --bacs-color-unknown: var(--bacs-palette-slate);
  --bacs-color-unknown-surface: var(--bacs-palette-cloud);
  --bacs-color-information: var(--bacs-palette-prussian);
  --bacs-color-information-surface: var(--bacs-palette-ice);
  --bacs-font-family-sans: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --bacs-font-family-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --bacs-font-size-display: 3rem;
  --bacs-font-size-page: 2rem;
  --bacs-font-size-section: 1.25rem;
  --bacs-font-size-body: 1rem;
  --bacs-font-size-ui: 0.875rem;
  --bacs-font-size-caption: 0.75rem;
  --bacs-font-line-height-display: 3.25rem;
  --bacs-font-line-height-page: 2.5rem;
  --bacs-font-line-height-section: 1.75rem;
  --bacs-font-line-height-body: 1.5rem;
  --bacs-font-line-height-ui: 1.25rem;
  --bacs-font-line-height-caption: 1rem;
  --bacs-font-weight-regular: 400;
  --bacs-font-weight-medium: 500;
  --bacs-font-weight-semibold: 600;
  --bacs-font-tracking-body: 0em;
  --bacs-font-tracking-display: -0.02em;
  --bacs-font-tracking-overline: 0.06em;
  --bacs-space-1: 0.25rem;
  --bacs-space-2: 0.5rem;
  --bacs-space-3: 0.75rem;
  --bacs-space-4: 1rem;
  --bacs-space-6: 1.5rem;
  --bacs-space-8: 2rem;
  --bacs-space-12: 3rem;
  --bacs-space-16: 4rem;
  --bacs-space-24: 6rem;
  --bacs-radius-control: 0.375rem;
  --bacs-radius-surface: 0.75rem;
  --bacs-radius-pill: 999px;
  --bacs-size-sidebar: 15rem;
  --bacs-size-topbar: 4rem;
  --bacs-size-topbar-mobile: 3.5rem;
  --bacs-size-control: 2.75rem;
  --bacs-size-control-compact: 2.25rem;
  --bacs-size-table-row: 3.5rem;
  --bacs-size-table-row-compact: 3rem;
  --bacs-size-icon: 1.5rem;
  --bacs-size-icon-small: 1.25rem;
  --bacs-size-content-max: 100rem;
  --bacs-size-marketing-content-max: 80rem;
  --bacs-stroke-hairline: 1px;
  --bacs-stroke-icon: 2px;
  --bacs-stroke-selection: 3px;
  --bacs-stroke-focus: 2px;
  --bacs-focus-offset: 2px;
  --bacs-shadow-none: none;
  --bacs-shadow-overlay: 0 8px 24px rgba(0, 0, 0, 0.10);
  --bacs-motion-quick: 120ms;
  --bacs-motion-panel: 200ms;
  --bacs-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --bacs-breakpoint-drawer: 1024px;
  --bacs-breakpoint-mobile: 768px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --bacs-motion-quick: 0ms;
    --bacs-motion-panel: 0ms;
  }
}

/* Components must consume these tokens; this is not a component library.
 * Reduced-motion tokens affect only components that actually use them.
 */