:root {
  --color-brand: #0000FF;
  --color-brand-hover: #0000CC;
  --color-brand-active: #000099;
  --color-brand-subtle: #EEF0FF;
  --color-ink: #101820;
  --color-canvas: #F5F7FA;
  --color-surface: #FFFFFF;
  --color-surface-muted: #EDF1F5;
  --color-text: #101820;
  --color-text-muted: #526170;
  --color-border: #D5DBE3;
  --color-border-control: #7B8794;
  --color-success: #14633F;
  --color-success-bg: #ECFDF3;
  --color-warning: #854A0E;
  --color-warning-bg: #FFFAEB;
  --color-danger: #B42318;
  --color-danger-bg: #FEF3F2;
  --color-info: #174EA6;
  --color-info-bg: #EFF6FF;
  --color-disabled-bg: #E4E8ED;
  --color-disabled-text: #657382;
  --color-focus: #0000FF;
  --color-nav-active: #273244;
  --color-nav-marker: #7777FF;
  --color-nav-text: #B8C5D2;
  --color-tertiary-active: #DDE1FF;
  --color-danger-hover: #912018;
  --color-danger-active: #7A1A13;
  --space-0: 0px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-pill: 999px;
  --border-width: 1px;
  --border-emphasis: 2px;
  --shadow-none: none;
  --shadow-raised: 0 2px 8px rgb(16 24 32 / 8%);
  --shadow-overlay: 0 16px 48px rgb(16 24 32 / 18%);
  --font-sans: Barlow, Arial, sans-serif;
  --font-mono: IBM Plex Mono, Consolas, monospace;
  --duration-fast: 120ms;
  --duration-normal: 180ms;
  --z-base: 0;
  --z-sticky: 10;
  --z-dropdown: 20;
  --z-scrim: 30;
  --z-modal: 40;
  --z-toast: 50;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1200px;
  --layout-sidebar: 248px;
  --layout-sidebar-compact: 80px;
  --layout-header: 64px;
  --layout-content-max: 1440px;
  --type-display-size: 3.5rem;
  --type-display-line: 3.75rem;
  --type-h1-size: 2.5rem;
  --type-h1-line: 3rem;
  --type-h2-size: 2rem;
  --type-h2-line: 2.5rem;
  --type-h3-size: 1.5rem;
  --type-h3-line: 2rem;
  --type-h4-size: 1.25rem;
  --type-h4-line: 1.75rem;
  --type-h5-size: 1.125rem;
  --type-h5-line: 1.625rem;
  --type-h6-size: 1rem;
  --type-h6-line: 1.5rem;
  --type-body-size: 1rem;
  --type-body-line: 1.5rem;
  --type-label-size: .875rem;
  --type-label-line: 1.25rem;
  --type-caption-size: .75rem;
  --type-caption-line: 1rem;
  --type-title-tracking: -.02em;
  --control-height: 44px;
  --control-height-compact: 36px;
  --control-icon: 20px;
  --control-focus-width: 2px;
  --control-focus-offset: 3px;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
}