/* Tokens from loom-frontend src/app/design-system/tokens (light.css, dark.css) */
[data-md-color-scheme="loom-light"] {
  --md-primary-fg-color: #4f46e5;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #a041b5;
  --md-default-bg-color: #f1f8ff;
  --md-default-fg-color: #09182f;
  --md-default-fg-color--light: #566a86;
  --md-typeset-a-color: #4f46e5;
  --loom-surface: #fcffff;
  --loom-line: #dbe2eb;
}
[data-md-color-scheme="loom-dark"] {
  --md-primary-fg-color: #7a87ec;
  --md-primary-bg-color: #0f1217;
  --md-accent-fg-color: #c573d2;
  --md-default-bg-color: #14171d;
  --md-default-fg-color: #ecf1f5;
  --md-default-fg-color--light: #a7adb5;
  --md-typeset-a-color: #7a87ec;
  --loom-surface: #1d2128;
  --loom-line: #373b42;
}
body { font-feature-settings: 'cv11', 'ss01'; }
.md-typeset { font-size: 0.8rem; }
.md-typeset h1 { font-weight: 600; letter-spacing: -0.022em; }
.md-typeset img { border: 1px solid var(--loom-line); border-radius: 20px; }
.md-typeset .admonition, .md-typeset details { border-radius: 11px; }