:root {
  color-scheme: light;
  --sys-font-sans: "Public Sans", "Segoe UI", Tahoma, Arial, sans-serif;
  --sys-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --sys-color-bg: #f4f7fb;
  --sys-color-surface: #ffffff;
  --sys-color-surface-soft: #f8fafc;
  --sys-color-surface-strong: #eef3f9;
  --sys-color-surface-raised: #ffffff;
  --sys-color-border: #d8e1ee;
  --sys-color-border-strong: #c6d2e3;
  --sys-color-text: #162033;
  --sys-color-text-soft: #5f6b7b;
  --sys-color-text-faint: #7d8898;
  --sys-color-primary: #1769ff;
  --sys-color-primary-strong: #0d57de;
  --sys-color-primary-soft: #e8f0ff;
  --sys-color-info: #0284c7;
  --sys-color-success: #0f9f6e;
  --sys-color-warning: #d97706;
  --sys-color-danger: #dc2626;
  --sys-color-overlay: rgba(15, 23, 42, 0.38);
  --sys-color-sidebar: #0f172a;
  --sys-color-sidebar-text: #c7d2e2;
  --sys-color-sidebar-strong: #ffffff;
  --sys-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --sys-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.06);
  --sys-shadow-md: 0 18px 40px rgba(15, 23, 42, 0.08);
  --sys-radius-xs: 8px;
  --sys-radius-sm: 10px;
  --sys-radius-md: 14px;
  --sys-radius-lg: 18px;
  --sys-radius-pill: 999px;
  --sys-space-1: 0.25rem;
  --sys-space-2: 0.5rem;
  --sys-space-3: 0.75rem;
  --sys-space-4: 1rem;
  --sys-space-5: 1.25rem;
  --sys-space-6: 1.5rem;
  --sys-space-7: 1.75rem;
  --sys-space-8: 2rem;
  --sys-sidebar-width: 280px;
  --sys-sidebar-width-collapsed: 84px;
  --sys-topbar-height: 4rem;
  --sys-content-max: 100%;
  --sys-transition-fast: 160ms ease;
  --sys-transition-base: 220ms ease;
  --sys-card-padding: 1rem;
  --sys-card-gap: 0.875rem;
  --sys-card-icon-size: 3rem;
  --sys-card-title-size: 1rem;
  --sys-card-value-size: clamp(1.5rem, 2.2vw, 2.2rem);
  --sys-kpi-min: 220px;
  --sys-tab-height: 2.75rem;
  --sys-tab-gap: 0.625rem;
  --sys-tab-padding-x: 0.95rem;
  --sys-tab-padding-y: 0.625rem;
  --sys-toolbar-gap: 0.75rem;
  --sys-toolbar-padding-y: 0.875rem;
  --sys-toolbar-padding-x: 1rem;
  --sys-toolbar-control-min: 10rem;
  --sys-modal-width-sm: 28rem;
  --sys-modal-width-md: 42rem;
  --sys-modal-width-lg: 56rem;
  --sys-modal-width-xl: 72rem;
  --sys-breakpoint-xxs: 320px;
  --sys-breakpoint-xs: 360px;
  --sys-breakpoint-sm: 375px;
  --sys-breakpoint-md: 414px;
  --sys-breakpoint-tablet: 768px;
  --sys-breakpoint-lg: 992px;
  --sys-breakpoint-xl: 1200px;
  --sys-breakpoint-xxl: 1366px;
  --sys-z-topbar: 1020;
  --sys-z-sidebar: 1030;
  --sys-z-overlay: 1040;
  --sys-z-modal: 1060;
  --sys-z-notify: 1080;
}