:root {
  color-scheme: dark;

  --syllvanic-color-black: #050306;
  --syllvanic-color-ink: #f2eaf2;
  --syllvanic-color-muted: #afa2af;
  --syllvanic-color-faint: #8f8190;
  --syllvanic-color-plum: #1b0b1f;
  --syllvanic-color-plum-raised: #24102a;
  --syllvanic-color-violet: #8c4bb4;
  --syllvanic-color-violet-bright: #c47bea;
  --syllvanic-color-lilac: #d8b5e7;
  --syllvanic-color-ember: #a72d35;
  --syllvanic-color-ember-bright: #db5961;
  --syllvanic-color-line: rgb(228 195 234 / 15%);
  --syllvanic-color-line-strong: rgb(228 195 234 / 28%);

  --syllvanic-font-display: Georgia, "Times New Roman", serif;
  --syllvanic-font-body: Aptos, "Segoe UI", sans-serif;
  --syllvanic-font-mono: "Cascadia Mono", Consolas, monospace;

  --syllvanic-rule-thin: 1px;
  --syllvanic-focus-ring: 2px solid var(--syllvanic-color-violet-bright);
  --syllvanic-focus-offset: 4px;
}