:root {
  color-scheme: light;
  --background: #f4f7fc;
  --surface: #ffffff;
  --surface-raised: #edf2f9;
  --border: #dce4ef;
  --border-strong: #8192aa;
  --text-primary: #17253e;
  --text-secondary: #43536c;
  --text-muted: #596a82;
  --accent: #2459df;
  --accent-hover: #1746bd;
  --accent-soft: #eaf0ff;
  --success: #13734f;
  --warning: #94620c;
  --warning-soft: #fff6e3;
  --danger: #bf3547;
  --danger-soft: #fff0f2;
  --info: #2459df;
  --info-soft: #eaf0ff;
  --quality-hvt: #2459df;
  --quality-hvt-soft: #eaf0ff;
  --quality-standard: #13734f;
  --quality-standard-soft: #e9f7ef;
  --quality-medium: #94620c;
  --quality-medium-soft: #fff6e3;
  --quality-low: #a13f63;
  --quality-low-soft: #fff0f5;
  --quality-pending: #596a82;
  --quality-pending-soft: #f3f5f8;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;
  --shadow: 0 24px 64px #17253e24, 0 4px 16px #17253e0a;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --sidebar-width: 240px;
  --control-height: 42px;
  --content-width: 1600px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, monospace;
  --success-soft: #e9f7ef;
  --on-accent: #ffffff;
  --overlay: #17253e55;
  --focus-ring: #2459df33;
  --shadow-sm: 0 2px 4px #17253e04, 0 6px 20px #17253e04;
  --shadow-hover: 0 6px 22px #17253e12;
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --duration-enter: 420ms;
  --duration-layout: 480ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.2, 0.7, 0.3, 1);
}