:root {
  color-scheme: light dark;
  --quincy-font-sans: Inter, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Segoe UI", system-ui, -apple-system, sans-serif;
  --quincy-brand: #49a5ad;
  --quincy-brand-strong: #2f8188;
  --quincy-brand-action: #2f8188;
  --quincy-brand-action-hover: #256d73;
  --quincy-on-brand: #ffffff;
  --quincy-brand-readable: #256d73;
  --quincy-brand-mark: #898989;
  --quincy-brand-soft: #e5f3f3;
  --quincy-canvas: #eef2f2;
  --quincy-surface: #ffffff;
  --quincy-surface-muted: #f7f9f9;
  --quincy-surface-raised: #e6ebec;
  --quincy-text: #172023;
  --quincy-muted: #626c79;
  --quincy-line: #dbe2e3;
  --quincy-line-strong: #cfd8da;
  --quincy-success: #16784b;
  --quincy-success-soft: #e7f5ed;
  --quincy-warning: #9a6700;
  --quincy-warning-soft: #fff3df;
  --quincy-danger: #b42318;
  --quincy-danger-soft: #ffebe8;
  --quincy-info: #315f84;
  --quincy-info-soft: #eef7ff;
  --quincy-focus: rgb(73 165 173 / 36%);
  --quincy-overlay: rgb(15 23 42 / 48%);
  --quincy-shadow-sm: 0 8px 24px rgb(25 51 54 / 6%);
  --quincy-shadow: 0 18px 50px rgb(25 51 54 / 12%);
  --quincy-radius-sm: 6px;
  --quincy-radius: 8px;
  --quincy-control-height: 40px;
  --quincy-topbar-height: 76px;
  --quincy-sidebar-width: 220px;
  --quincy-content-padding: 28px 30px 36px;
  --quincy-content-gap: 18px;
}

:root[data-theme="dark"],
:root[data-theme-mode="dark"],
[data-quincy-ui][data-theme="dark"] {
  --quincy-brand: #79cbd0;
  --quincy-brand-strong: #9cdee1;
  --quincy-brand-action: #79cbd0;
  --quincy-brand-action-hover: #9cdee1;
  --quincy-on-brand: #172023;
  --quincy-brand-readable: #9cdee1;
  --quincy-brand-mark: #b4bdc9;
  --quincy-brand-soft: #19373a;
  --quincy-canvas: #171a20;
  --quincy-surface: #20242c;
  --quincy-surface-muted: #1c2027;
  --quincy-surface-raised: #2c323c;
  --quincy-text: #eef2f3;
  --quincy-muted: #b4bdc9;
  --quincy-line: #343b46;
  --quincy-line-strong: #414956;
  --quincy-success: #74d7a5;
  --quincy-success-soft: #16372a;
  --quincy-warning: #ffc266;
  --quincy-warning-soft: #49351b;
  --quincy-danger: #ff9d94;
  --quincy-danger-soft: #4b2624;
  --quincy-info: #b3d9f7;
  --quincy-info-soft: #1e3242;
  --quincy-focus: rgb(121 203 208 / 44%);
  --quincy-overlay: rgb(0 0 0 / 64%);
  --quincy-shadow-sm: 0 4px 16px rgb(0 0 0 / 18%);
  --quincy-shadow: 0 14px 38px rgb(0 0 0 / 30%);
}

@media (prefers-reduced-motion: reduce) {
  [data-quincy-ui] *,
  [data-quincy-ui] *::before,
  [data-quincy-ui] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}