@media (prefers-color-scheme: dark) {
  lexxy-editor,
  .lexxy-content {
    --lexxy-color-ink: #ffffff;
    --lexxy-color-ink-medium: #94a3b8;
    --lexxy-color-ink-light: #64748b;
    --lexxy-color-ink-lighter: #475569;
    --lexxy-color-ink-lightest: #1e293b;
    --lexxy-color-ink-inverted: #ffffff;

    --lexxy-color-accent-dark: #60a5fa;
    --lexxy-color-accent-medium: #3b82f6;
    --lexxy-color-accent-light: #1e3a5f;
    --lexxy-color-accent-lightest: #172554;

    --lexxy-color-code-token-att: #f97583;
    --lexxy-color-code-token-comment: #6a737d;
    --lexxy-color-code-token-function: #b392f0;
    --lexxy-color-code-token-operator: #f97583;
    --lexxy-color-code-token-property: #79b8ff;
    --lexxy-color-code-token-punctuation: #e2e8f0;
    --lexxy-color-code-token-selector: #85e89d;
    --lexxy-color-code-token-variable: #ffab70;

    --lexxy-color-canvas: #334155;
    --lexxy-color-text: var(--lexxy-color-ink);
    --lexxy-color-text-subtle: var(--lexxy-color-ink-medium);
    --lexxy-color-code-bg: var(--lexxy-color-ink-lightest);

    --lexxy-color-selected: #1e293b;
    --lexxy-color-selected-hover: #475569;
    --lexxy-color-selected-dark: #60a5fa;

    --lexxy-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }
}

lexxy-editor .lexxy-editor__toolbar-dropdown-content {
  max-inline-size: none !important;
}

lexxy-editor ul,
.lexxy-content ul {
  list-style-type: disc;
  padding-inline-start: 2ch;
}

lexxy-editor ol,
.lexxy-content ol {
  list-style-type: decimal;
  padding-inline-start: 2ch;
}