@font-face {
  font-family: "Yinko Sans";
  src: url("/brand/fonts/YinkoSans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --brand: #513DFF;
  --brand-hover: #402DCF;
  --brand-soft: #EEEBFF;
  --brand-border: #CEC7FF;
  --brand-focus: #9A91FF;
  --brand-lime: #D8FF52;
  --ink: #161C35;
  --muted: #626B85;
  --line: #E2E5EF;
  --bg: #F5F6FB;
  --surface: #FFFFFF;
  --surface-muted: #FAFAFD;
  --surface-translucent: #FFFFFFF0;
  --success: #087D61;
  --success-soft: #E2F5EC;
  --error: #B83A3A;
  --error-soft: #FFF0F1;
  --warning: #965900;
  --warning-soft: #FFF2D9;
  --card-shadow-color: #161C3505;
  --font-sans: "Yinko Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --blue: var(--brand);
  --blue-dark: var(--brand-hover);
}