:root {
  --paper: #f7f8fc;
  --surface: #ffffff;
  --surface-soft: #eef0f7;
  --ink: #292543;
  --muted: #5e6174;
  --line: #dce0ea;
  --brand: #625bb3;
  --brand-hover: #51499d;
  --brand-tint: #eae7f6;
  --on-brand: #ffffff;
  --nav-glass: rgb(247 248 252 / 56%);
  --shadow: 0 24px 70px rgb(41 37 67 / 7%);
  --color-background: var(--paper);
  --color-background-soft: var(--surface-soft);
  --color-text: var(--ink);
  --color-heading: var(--ink);
  --color-border: var(--line);
  --primary: var(--brand);
  --primary-light: var(--brand-hover);
  --accent: var(--brand);
  --bg-light: var(--surface-soft);
  --text-main: var(--ink);
  --text-secondary: var(--muted);
  --border: var(--line);
}
:root[data-theme='dark'] {
  --paper: #16151d;
  --surface: #201e2a;
  --surface-soft: #272433;
  --ink: #f1eff8;
  --muted: #b3afc2;
  --line: #3c374d;
  --brand: #b3a9f2;
  --brand-hover: #c6bef9;
  --brand-tint: #353044;
  --on-brand: #211d35;
  --nav-glass: rgb(22 21 29 / 54%);
  --shadow: 0 24px 70px rgb(0 0 0 / 12%);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  min-width: 320px;
  color: var(--ink);
  background: var(--paper);
  font-family: 'Avenir Next', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button,
select,
input {
  font: inherit;
}
button,
select {
  cursor: pointer;
}
button,
a,
select {
  -webkit-tap-highlight-color: transparent;
}
button,
a {
  touch-action: manipulation;
}
button:disabled {
  cursor: wait;
}
img {
  max-width: 100%;
}
::selection {
  background: var(--brand-tint);
  color: var(--ink);
}
:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}