/* Generated from docs/design-system/tokens.json. */
:root {
  --bg: #FFFFFF;
  --surface: #FAFAFA;
  --inset: #F2F2F2;
  --border: #EAEAEA;
  --border-strong: #C9C9C9;
  --text: #171717;
  --secondary: #4D4D4D;
  --muted: #8F8F8F;
  --accent: #8A66AA;
  --accent-soft: #F8F3FB;
}
@media(prefers-color-scheme: dark) {
  :root {
  --bg: #000000;
  --surface: #000000;
  --inset: #1A1A1A;
  --border: #2E2E2E;
  --border-strong: #454545;
  --text: #EDEDED;
  --secondary: #A0A0A0;
  --muted: #8F8F8F;
  --accent: #A37DBD;
  --accent-soft: #1E1439;
  }
}