:root {
  color-scheme: light;
  --ws-canvas: #ffffff;
  --ws-canvas-subtle: #f7f8fa;
  --ws-surface: #ffffff;
  --ws-surface-raised: #ffffff;
  --ws-surface-strong: #f7f8fa;
  --ws-ink: #202124;
  --ws-ink-soft: #3c4043;
  --ws-muted: #667085;
  --ws-muted-strong: #52606d;
  --ws-line: #e8eaed;
  --ws-line-strong: #d0d5dd;
  --ws-accent: #2563eb;
  --ws-accent-hover: #1d4ed8;
  --ws-accent-strong: #1e40af;
  --ws-accent-soft: #dbeafe;
  --ws-accent-softer: #eff6ff;
  --ws-info: #2b6092;
  --ws-info-soft: #dfeaf4;
  --ws-warning: #8f681c;
  --ws-warning-soft: #f4ead3;
  --ws-danger: #c24738;
  --ws-danger-soft: #f7e2de;
  --ws-signal: #c94735;
  --ws-signal-hover: #ae382a;
  --ws-signal-soft: #f8e3de;
  --ws-backdrop: rgb(32 33 36 / 36%);
  --ws-shadow-overlay: 0 18px 48px rgb(32 33 36 / 16%);
  --ws-shadow-float: 0 8px 24px rgb(32 33 36 / 10%);
  --ws-radius-control: 6px;
  --ws-radius-panel: 8px;
  --ws-control-height: 38px;
  --ws-font-display: "Arial Narrow", "DIN Condensed", "Bahnschrift Condensed", "PingFang SC", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;
  --ws-font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Zen Hei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ws-font-reading: "Songti SC", "Noto Serif CJK SC", STSong, serif;
  --ws-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ws-ease: cubic-bezier(.16, 1, .3, 1);
  --ws-duration-fast: 140ms;
  --ws-duration: 220ms;
  --ws-z-sticky: 20;
  --ws-z-navigation: 30;
  --ws-z-drawer: 60;
  --ws-z-modal: 100;
  --ws-z-toast: 200;
}

body.dark,
body[data-theme="dark"],
.admin-dark {
  color-scheme: dark;
  --ws-canvas: #10181c;
  --ws-canvas-subtle: #152126;
  --ws-surface: #19262c;
  --ws-surface-raised: #1f2e35;
  --ws-surface-strong: #24343b;
  --ws-ink: #edf3f4;
  --ws-ink-soft: #d2dde1;
  --ws-muted: #a5b5bc;
  --ws-muted-strong: #c0cdd1;
  --ws-line: #34464e;
  --ws-line-strong: #4c626b;
  --ws-accent: #69b6c8;
  --ws-accent-hover: #80c5d5;
  --ws-accent-strong: #a1d6e1;
  --ws-accent-soft: #173a45;
  --ws-accent-softer: #172e36;
  --ws-info: #8bb5dc;
  --ws-info-soft: #213745;
  --ws-warning: #dfb660;
  --ws-warning-soft: #40351f;
  --ws-danger: #ff8675;
  --ws-danger-soft: #472a27;
  --ws-signal: #c94735;
  --ws-signal-hover: #dc5c47;
  --ws-signal-soft: #452b28;
  --ws-backdrop: rgb(3 10 13 / 76%);
  --ws-shadow-overlay: 0 24px 70px rgb(0 0 0 / 42%);
  --ws-shadow-float: 0 12px 34px rgb(0 0 0 / 28%);
}

html {
  font-family: var(--ws-font-sans);
  background: var(--ws-canvas);
  color: var(--ws-ink);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: var(--ws-font-sans);
  letter-spacing: 0;
}

button,
input,
textarea,
select {
  font: inherit;
  letter-spacing: 0;
}

button,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
}

::selection {
  background: color-mix(in srgb, var(--ws-accent) 22%, transparent);
}

:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

* {
  scrollbar-color: var(--ws-line-strong) transparent;
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

*::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--ws-line-strong);
  background-clip: padding-box;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}