/* Hithium colors and the compatible CX API over pinned Tabler defaults. */
:root {
  color-scheme: light;
  --cx-brand: #005fc7;
  --cx-brand-hover: #004fa6;
  --cx-brand-soft: #edf4fd;
  --cx-brand-middle: #6dc74b;
  --cx-stage-number: #3a7d23;
  --cx-nav-hover: #005fc7;
  --cx-brand-light: #81ea5a;
  --cx-stage-on-dark: var(--cx-brand-light);
  --cx-brand-night: #00387a;
  --cx-on-brand: #ffffff;
  --cx-border-on-dark: var(--cx-on-brand);
  --cx-on-green: #172b42;
  --cx-canvas: #f3f5f7;
  --cx-paper: #ffffff;
  --cx-subtle: #f0f0f0;
  --cx-ink: #172b42;
  --cx-muted: #526273;
  --cx-rule: #d4dce3;
  --cx-control: #788694;
  --cx-vi-gray: #868686;
  --cx-success: #246536;
  --cx-success-soft: #eaf5e9;
  --cx-warning: #805300;
  --cx-warning-soft: #fff4da;
  --cx-danger: #aa2835;
  --cx-danger-soft: #fff0f0;
  --cx-neutral: #526273;
  --cx-neutral-soft: #edf0f3;
  --cx-code: #005fc7;
  --cx-code-soft: #edf4fd;
  --cx-demo: #eaf7e4;
  --cx-focus: #005fc7;
  --cx-backdrop: rgba(0, 56, 122, .45);
  --cx-font: "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cx-font-data: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --cx-font-mono: Consolas, "SFMono-Regular", monospace;
  --cx-text-table: 13px;
  --cx-text-body: 14px;
  --cx-text-lead: 16px;
  --cx-text-section: 18px;
  --cx-text-title: 26px;
  --cx-text-figure: 36px;
  --cx-text-display: 44px;
  --cx-text-hero: 60px;
  --cx-text-stage: 48px;
  --cx-leading: 1.6;
  --cx-leading-heading: 1.25;
  --cx-weight-body: 400;
  --cx-weight-label: 600;
  --cx-weight-title: 700;
  --cx-space-1: 4px;
  --cx-space-2: 8px;
  --cx-space-3: 12px;
  --cx-space-4: 16px;
  --cx-space-5: 20px;
  --cx-space-6: 24px;
  --cx-space-8: 32px;
  --cx-space-10: 40px;
  --cx-space-12: 48px;
  --cx-space-16: 64px;
  --cx-radius: var(--tblr-border-radius);
  --cx-radius-panel: var(--tblr-border-radius-lg);
  --cx-line: 1px;
  --cx-line-accent: 3px;
  --cx-focus-width: 3px;
  --cx-focus-offset: 3px;
  --cx-header: 56px;
  --cx-mobile-header-height: 104px;
  --cx-environment: 30px;
  --cx-sidebar: 224px;
  --cx-sidebar-compact: 72px;
  --cx-inspector: 340px;
  --cx-actionbar: 64px;
  --cx-control-height: 44px;
  --cx-row-height: 52px;
  --cx-row-compact: 44px;
  --cx-max-width: 1392px;
  --cx-grid-gap: 24px;
  --cx-z-header: 20;
  --cx-z-action: 25;
  --cx-z-drawer: 40;
  --cx-z-toast: 70;
  --cx-duration-fast: 120ms;
  --cx-duration-panel: 180ms;
  --cx-ease: cubic-bezier(.2, .7, .2, 1);
  --cx-shadow-none: none;
}