:root {
  --lexxy-color-ink: var(--text-1);
  --lexxy-color-ink-medium: var(--text-2);
  --lexxy-color-ink-light: var(--text-2);
  --lexxy-color-ink-lighter: var(--surface-4);
  --lexxy-color-ink-lightest: var(--surface-3);
  --lexxy-color-canvas: var(--surface-2);
  --lexxy-color-text: var(--text-1);
  --lexxy-color-text-subtle: var(--text-2);
  --lexxy-color-link: var(--link);
  --lexxy-color-selected: var(--surface-4);
  --lexxy-color-selected-hover: var(--surface-3);
  --lexxy-color-selected-dark: var(--link);
  --lexxy-color-code-bg: var(--surface-3);
  --lexxy-focus-ring-color: var(--link);
  --lexxy-font-base: var(--font-sans);
  --lexxy-font-mono: var(--font-mono);
  --lexxy-radius: var(--radius-2);
  --lexxy-shadow: var(--shadow-2);
}

lexxy-editor {
  --lexxy-editor-padding: var(--size-3);
  --lexxy-editor-rows: var(--size-72);

  border: none;
  inline-size: 100%;
}

lexxy-toolbar {
  background-color: var(--lexxy-color-canvas);
  inset-block-start: calc(var(--size-fluid-5) + 1px);
  position: sticky;
  z-index: 1;
}

.lexxy-content {
  line-height: 1.5;
}