/* AUTO-GENERATED FILE - DO NOT EDIT.
 * Source: design-system/tokens/routeapp.tokens.json
 * Schema: 1.0.0; token set: 1.0.0
 * Generator: tools/branding/Generate-RouteAppCssTokens.ps1
 */

:root {
  --routeapp-color-orange-950: #431407;
  --routeapp-color-orange-900: #6E210D;
  --routeapp-color-orange-800: #963116;
  --routeapp-color-orange-700: #BC431F;
  --routeapp-color-orange-600: #E4572E;
  --routeapp-color-orange-500: #F0642F;
  --routeapp-color-orange-300: #F7A07F;
  --routeapp-color-orange-200: #FBC5B0;
  --routeapp-color-orange-100: #FDE2D7;
  --routeapp-color-orange-50: #FFF5F1;
  --routeapp-color-graphite-950: #0D141B;
  --routeapp-color-graphite-900: #18222D;
  --routeapp-color-graphite-800: #25323E;
  --routeapp-color-graphite-700: #354452;
  --routeapp-color-graphite-600: #4A5A68;
  --routeapp-color-graphite-500: #667481;
  --routeapp-color-sky-900: #123E52;
  --routeapp-color-sky-800: #18536A;
  --routeapp-color-sky-700: #226B84;
  --routeapp-color-sky-600: #2D829D;
  --routeapp-color-sky-500: #3B99B5;
  --routeapp-color-sky-200: #B8DDE8;
  --routeapp-color-sky-100: #D9EEF3;
  --routeapp-color-sky-50: #F1F9FB;
  --routeapp-color-stone-950: #11171D;
  --routeapp-color-stone-900: #202830;
  --routeapp-color-stone-800: #303A43;
  --routeapp-color-stone-700: #46515C;
  --routeapp-color-stone-600: #5E6973;
  --routeapp-color-stone-500: #78828B;
  --routeapp-color-stone-400: #9DA5AC;
  --routeapp-color-stone-300: #BBC2C8;
  --routeapp-color-stone-200: #D6DCE1;
  --routeapp-color-stone-100: #E9ECEF;
  --routeapp-color-stone-50: #F5F7F8;
  --routeapp-color-stone-white: #FFFFFF;
  --routeapp-color-status-success-strong: #14532D;
  --routeapp-color-status-success-standard: #2F7D4A;
  --routeapp-color-status-success-light: #EAF6EE;
  --routeapp-color-status-warning-strong: #6B4F00;
  --routeapp-color-status-warning-standard: #9A7500;
  --routeapp-color-status-warning-light: #FFF6D8;
  --routeapp-color-status-error-strong: #8B1E24;
  --routeapp-color-status-error-standard: #C33B43;
  --routeapp-color-status-error-light: #FCEBED;
  --routeapp-color-status-information-strong: #174E6B;
  --routeapp-color-status-information-standard: #2E7897;
  --routeapp-color-status-information-light: #EAF5F8;
  --routeapp-color-status-pending-strong: #65470C;
  --routeapp-color-status-pending-standard: #9C741C;
  --routeapp-color-status-pending-light: #F8F1DD;
  --routeapp-color-status-draft-strong: #49535D;
  --routeapp-color-status-draft-standard: #69737D;
  --routeapp-color-status-draft-light: #F0F2F4;
  --routeapp-color-status-returned-strong: #773211;
  --routeapp-color-status-returned-standard: #A94D1C;
  --routeapp-color-status-returned-light: #FAEDE6;
  --routeapp-color-status-cancelled-strong: #525C65;
  --routeapp-color-status-cancelled-standard: #737D86;
  --routeapp-color-status-cancelled-light: #EFF1F3;
  --routeapp-color-status-offline-strong: #3F4750;
  --routeapp-color-status-offline-standard: #646E77;
  --routeapp-color-status-offline-light: #ECEFF1;
  --routeapp-color-status-syncing-strong: #174E6B;
  --routeapp-color-status-syncing-standard: #2E7897;
  --routeapp-color-status-syncing-light: #EAF5F8;
  --routeapp-color-status-conflict-strong: #7A2424;
  --routeapp-color-status-conflict-standard: #B43737;
  --routeapp-color-status-conflict-light: #FBEAEA;
  --routeapp-space-0: 0;
  --routeapp-space-1: 4px;
  --routeapp-space-2: 8px;
  --routeapp-space-3: 12px;
  --routeapp-space-4: 16px;
  --routeapp-space-5: 20px;
  --routeapp-space-6: 24px;
  --routeapp-space-8: 32px;
  --routeapp-space-10: 40px;
  --routeapp-space-12: 48px;
  --routeapp-space-16: 64px;
  --routeapp-space-20: 80px;
  --routeapp-space-24: 96px;
  --routeapp-radius-none: 0;
  --routeapp-radius-xs: 2px;
  --routeapp-radius-sm: 4px;
  --routeapp-radius-md: 6px;
  --routeapp-radius-lg: 8px;
  --routeapp-radius-xl: 12px;
  --routeapp-radius-full: 9999px;
  --routeapp-elevation-0: none;
  --routeapp-elevation-1: 0 1px 2px rgba(13, 20, 27, 0.06);
  --routeapp-elevation-2: 0 4px 12px rgba(13, 20, 27, 0.10);
  --routeapp-elevation-3: 0 12px 28px rgba(13, 20, 27, 0.14);
  --routeapp-elevation-4: 0 20px 48px rgba(13, 20, 27, 0.18);
  --routeapp-motion-duration-instant: 100ms;
  --routeapp-motion-duration-fast: 150ms;
  --routeapp-motion-duration-standard: 200ms;
  --routeapp-motion-duration-moderate: 250ms;
  --routeapp-motion-duration-slow: 350ms;
  --routeapp-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --routeapp-motion-ease-enter: cubic-bezier(0, 0, 0, 1);
  --routeapp-motion-ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --routeapp-font-family-sans: "IBM Plex Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --routeapp-font-family-mono: "IBM Plex Mono", "Cascadia Mono", Consolas, monospace;
  --routeapp-font-weight-regular: 400;
  --routeapp-font-weight-medium: 500;
  --routeapp-font-weight-semibold: 600;
  --routeapp-font-weight-bold: 700;
  --routeapp-font-size-xs: 12px;
  --routeapp-font-size-sm: 14px;
  --routeapp-font-size-md: 16px;
  --routeapp-font-size-lg: 18px;
  --routeapp-font-size-heading-sm: 20px;
  --routeapp-font-size-heading-md: 24px;
  --routeapp-font-size-heading-lg: 30px;
  --routeapp-font-size-display-sm: 36px;
  --routeapp-font-size-display-md: 48px;
  --routeapp-font-size-display-lg: 60px;
  --routeapp-font-line-height-xs: 16px;
  --routeapp-font-line-height-sm: 20px;
  --routeapp-font-line-height-md: 24px;
  --routeapp-font-line-height-lg: 26px;
  --routeapp-font-line-height-heading-sm: 28px;
  --routeapp-font-line-height-heading-md: 32px;
  --routeapp-font-line-height-heading-lg: 38px;
  --routeapp-font-line-height-display-sm: 44px;
  --routeapp-font-line-height-display-md: 56px;
  --routeapp-font-line-height-display-lg: 68px;
  --routeapp-font-feature-tabular: "tnum" 1;
  --routeapp-icon-xs: 14px;
  --routeapp-icon-sm: 16px;
  --routeapp-icon-md: 20px;
  --routeapp-icon-lg: 24px;
  --routeapp-icon-xl: 32px;
  --routeapp-icon-display-min: 40px;
  --routeapp-icon-display-max: 48px;
  --routeapp-breakpoint-sm: 576px;
  --routeapp-breakpoint-md: 768px;
  --routeapp-breakpoint-lg: 992px;
  --routeapp-breakpoint-xl: 1200px;
  --routeapp-breakpoint-2xl: 1440px;
  --routeapp-control-height-compact: 32px;
  --routeapp-control-height-default: 40px;
  --routeapp-control-height-touch-min: 44px;
  --routeapp-control-height-primary-mobile-min: 48px;
  --routeapp-control-height-primary-mobile-max: 56px;
  --routeapp-target-desktop-compact-min: 32px;
  --routeapp-target-desktop-preferred: 40px;
  --routeapp-target-mobile-min: 44px;
  --routeapp-content-max-product-standard: 1280px;
  --routeapp-content-max-product-wide: 1600px;
  --routeapp-content-max-form-compact: 720px;
  --routeapp-content-max-form-wide: 960px;
  --routeapp-content-max-reading-compact: 640px;
  --routeapp-content-max-reading-wide: 760px;
  --routeapp-content-max-dialog-compact: 480px;
  --routeapp-content-max-dialog-wide: 760px;
  --routeapp-shell-navigation-expanded-min: 240px;
  --routeapp-shell-navigation-expanded: 256px;
  --routeapp-shell-navigation-expanded-max: 272px;
  --routeapp-shell-navigation-collapsed-min: 64px;
  --routeapp-shell-navigation-collapsed: 68px;
  --routeapp-shell-navigation-collapsed-max: 72px;
  --routeapp-shell-topbar-min: 56px;
  --routeapp-shell-topbar-max: 64px;
  --routeapp-shell-gutter: 24px;
  --routeapp-shell-gutter-large: 32px;
  --routeapp-shell-gutter-wide: 40px;
  --routeapp-color-brand-accent: var(--routeapp-color-orange-500);
  --routeapp-color-surface-page: var(--routeapp-color-stone-50);
  --routeapp-color-surface-content: var(--routeapp-color-stone-white);
  --routeapp-color-surface-subtle: var(--routeapp-color-stone-100);
  --routeapp-color-surface-inverse: var(--routeapp-color-graphite-900);
  --routeapp-color-border-default: var(--routeapp-color-stone-200);
  --routeapp-color-border-strong: var(--routeapp-color-stone-300);
  --routeapp-color-text-primary: var(--routeapp-color-graphite-900);
  --routeapp-color-text-secondary: var(--routeapp-color-graphite-700);
  --routeapp-color-text-supporting: var(--routeapp-color-stone-600);
  --routeapp-color-text-inverse: var(--routeapp-color-stone-white);
  --routeapp-color-text-disabled: var(--routeapp-color-stone-500);
  --routeapp-color-action-primary-default: var(--routeapp-color-orange-700);
  --routeapp-color-action-primary-hover: var(--routeapp-color-orange-800);
  --routeapp-color-action-primary-pressed: var(--routeapp-color-orange-900);
  --routeapp-color-action-primary-subtle: var(--routeapp-color-orange-50);
  --routeapp-color-action-primary-foreground: var(--routeapp-color-stone-white);
  --routeapp-color-action-secondary-default: var(--routeapp-color-graphite-800);
  --routeapp-color-action-secondary-hover: var(--routeapp-color-graphite-900);
  --routeapp-color-action-secondary-foreground: var(--routeapp-color-stone-white);
  --routeapp-color-focus-ring: var(--routeapp-color-sky-700);
  --routeapp-color-focus-contrast: var(--routeapp-color-stone-white);
  --routeapp-color-link-default: var(--routeapp-color-sky-700);
  --routeapp-color-link-hover: var(--routeapp-color-sky-900);
  --routeapp-typography-body-family: var(--routeapp-font-family-sans);
  --routeapp-typography-reference-family: var(--routeapp-font-family-mono);
  --routeapp-typography-body-size: var(--routeapp-font-size-sm);
  --routeapp-typography-body-line-height: var(--routeapp-font-line-height-sm);
  --routeapp-typography-reference-size: var(--routeapp-font-size-xs);
  --routeapp-typography-reference-size-large: var(--routeapp-font-size-sm);
  --routeapp-typography-reference-line-height: var(--routeapp-font-line-height-xs);
  --routeapp-typography-reference-weight: var(--routeapp-font-weight-medium);
  --routeapp-typography-tabular-numerals: var(--routeapp-font-feature-tabular);
  --routeapp-radius-control: var(--routeapp-radius-sm);
  --routeapp-radius-card: var(--routeapp-radius-sm);
  --routeapp-radius-dialog: var(--routeapp-radius-md);
  --routeapp-border-default: 1px solid var(--routeapp-color-border-default);
  --routeapp-bootstrap-primary-rgb: 188, 67, 31;
  --routeapp-bootstrap-secondary-rgb: 37, 50, 62;
  --routeapp-bootstrap-success-rgb: 47, 125, 74;
  --routeapp-bootstrap-danger-rgb: 195, 59, 67;
  --routeapp-bootstrap-warning-rgb: 154, 117, 0;
  --routeapp-bootstrap-info-rgb: 46, 120, 151;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --routeapp-motion-duration-instant: 0ms;
    --routeapp-motion-duration-fast: 0ms;
    --routeapp-motion-duration-standard: 0ms;
    --routeapp-motion-duration-moderate: 0ms;
    --routeapp-motion-duration-slow: 0ms;
  }
}