:root {
  --ink: #151922;
  --muted: #7f8692;
  --line: #e1e5ea;
  --canvas: #f3f5f8;
  --surface: #ffffff;
  --dark: #171b24;
  --gold: #dfb84a;
  --gold-soft: #fff4d4;
  --green: #16815f;
  --green-soft: #e8f6f1;
  --red: #c84753;
  --red-soft: #fcecef;
  --blue: #4f73c7;
  --purple: #765bb5;
  --shadow: 0 12px 34px rgba(28, 34, 47, .06);
  --radius: 16px;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); color: var(--ink); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; background: var(--canvas); }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 3px solid rgba(79, 115, 199, .35); outline-offset: 2px; }
[hidden] { display: none !important; }