/* Generated from the supplied XTOP design tokens. Run web/design/build-tokens.mjs. */
:root {
  --xtop-color-brand-primary: #0F1419;
  --xtop-color-brand-primary-hover: #272C30;
  --xtop-color-brand-primary-active: #3A3F43;
  --xtop-color-brand-on-primary: #FFFFFF;
  --xtop-color-neutral-0: #FFFFFF;
  --xtop-color-neutral-25: #FCFCFC;
  --xtop-color-neutral-50: #F7F8F8;
  --xtop-color-neutral-100: #F1F2F3;
  --xtop-color-neutral-150: #E9EAEC;
  --xtop-color-neutral-200: #DCDDDF;
  --xtop-color-neutral-300: #C5C8CB;
  --xtop-color-neutral-500: #73787D;
  --xtop-color-neutral-600: #5B6065;
  --xtop-color-neutral-700: #3F4448;
  --xtop-color-neutral-900: #171A1C;
  --xtop-color-neutral-950: #0F1419;
  --xtop-color-semantic-success-background: #EAF6EF;
  --xtop-color-semantic-success-foreground: #176B3A;
  --xtop-color-semantic-success-border: #B9DFC7;
  --xtop-color-semantic-progress-background: #EEF2F5;
  --xtop-color-semantic-progress-foreground: #39434D;
  --xtop-color-semantic-progress-border: #D6DCE1;
  --xtop-color-semantic-info-background: #F0F3F5;
  --xtop-color-semantic-info-foreground: #39434D;
  --xtop-color-semantic-info-border: #D9DEE2;
  --xtop-color-semantic-warning-background: #FFF4DF;
  --xtop-color-semantic-warning-foreground: #805300;
  --xtop-color-semantic-warning-border: #F0D59A;
  --xtop-color-semantic-error-background: #FCEDEA;
  --xtop-color-semantic-error-foreground: #A52B20;
  --xtop-color-semantic-error-border: #EDBDB7;
  --xtop-color-semantic-disabled-background: #F1F2F3;
  --xtop-color-semantic-disabled-foreground: #8B9095;
  --xtop-color-semantic-disabled-border: #DCDDDF;
  --xtop-color-surface-page: #F7F8F8;
  --xtop-color-surface-sidebar: #FCFCFC;
  --xtop-color-surface-card: #FFFFFF;
  --xtop-color-surface-subtle: #F1F2F3;
  --xtop-color-surface-selected: #E9EAEC;
  --xtop-color-text-primary: #171A1C;
  --xtop-color-text-secondary: #5B6065;
  --xtop-color-text-muted: #73787D;
  --xtop-color-text-on-primary: #FFFFFF;
  --xtop-color-border-default: #DCDDDF;
  --xtop-color-border-strong: #C5C8CB;
  --xtop-color-border-focus: #0F1419;
  --xtop-typography-font-family-sans: Inter, PingFang SC, Microsoft YaHei, Noto Sans SC, sans-serif;
  --xtop-typography-font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --xtop-typography-font-size-12: 12px;
  --xtop-typography-font-size-13: 13px;
  --xtop-typography-font-size-14: 14px;
  --xtop-typography-font-size-16: 16px;
  --xtop-typography-font-size-18: 18px;
  --xtop-typography-font-size-24: 24px;
  --xtop-typography-line-height-16: 16px;
  --xtop-typography-line-height-18: 18px;
  --xtop-typography-line-height-20: 20px;
  --xtop-typography-line-height-24: 24px;
  --xtop-typography-line-height-26: 26px;
  --xtop-typography-line-height-32: 32px;
  --xtop-typography-font-weight-regular: 400;
  --xtop-typography-font-weight-medium: 500;
  --xtop-typography-font-weight-semibold: 600;
  --xtop-spacing-0: 0px;
  --xtop-spacing-1: 4px;
  --xtop-spacing-2: 8px;
  --xtop-spacing-3: 12px;
  --xtop-spacing-4: 16px;
  --xtop-spacing-5: 20px;
  --xtop-spacing-6: 24px;
  --xtop-spacing-8: 32px;
  --xtop-spacing-10: 40px;
  --xtop-spacing-12: 48px;
  --xtop-radius-none: 0px;
  --xtop-radius-sm: 4px;
  --xtop-radius-md: 6px;
  --xtop-radius-lg: 8px;
  --xtop-control-height-sm: 28px;
  --xtop-control-height-md: 36px;
  --xtop-control-height-lg: 40px;
  --xtop-control-navigation-item-height: 36px;
  --xtop-control-table-row-height-min: 40px;
  --xtop-control-table-row-height-max: 48px;
  --xtop-layout-sidebar-width-min: 216px;
  --xtop-layout-sidebar-width-max: 232px;
  --xtop-layout-topbar-height-min: 48px;
  --xtop-layout-topbar-height-max: 56px;
  --xtop-layout-content-padding-desktop-min: 24px;
  --xtop-layout-content-padding-desktop-max: 32px;
  --xtop-layout-breakpoint-tablet: 768px;
  --xtop-layout-breakpoint-desktop: 1280px;
  --xtop-focus-ring-width: 2px;
  --xtop-focus-ring-offset: 2px;
  --xtop-focus-ring-color: #0F1419;
  --xtop-shadow-none: none;
  --xtop-shadow-overlay: 0 8px 24px rgba(15, 20, 25, 0.12);
}