@import url("/assets/lexxy-content-cb2b8359.css");
@import url("/assets/lexxy-editor-7a59ddbb.css");

/* Align Lexxy theme with Playpass color tokens (light + dark). */
lexxy-editor,
.lexxy-content {
  --lexxy-color-canvas: var(--bg-bright);
  --lexxy-color-text: var(--text-bright);
  --lexxy-color-text-subtle: var(--text-color);
  --lexxy-color-ink: var(--text-bright);
  --lexxy-color-ink-medium: var(--text-color);
  --lexxy-color-ink-light: var(--text-muted);
  --lexxy-color-ink-lighter: var(--border-grayer);
  --lexxy-color-ink-lightest: var(--bg-gray);
  --lexxy-color-ink-inverted: var(--text-on-color-primary);

  --lexxy-color-link: var(--color-primary);
  --lexxy-color-accent-dark: var(--color-primary-dark);
  --lexxy-color-accent-medium: var(--color-primary);
  --lexxy-color-accent-light: var(--color-primary-faint);
  --lexxy-color-accent-lightest: var(--color-primary-faint);

  --lexxy-color-selected: var(--color-primary-faint);
  --lexxy-color-selected-hover: var(--color-primary-faint);
  --lexxy-color-selected-dark: var(--color-primary);

  --lexxy-color-code-bg: var(--bg-grayer);
  --lexxy-color-table-header-bg: var(--bg-gray);
  --lexxy-color-table-cell-border: var(--border-gray);
  --lexxy-color-table-cell-selected: var(--color-primary-faint);
  --lexxy-color-table-cell-selected-border: var(--color-primary);
  --lexxy-color-table-cell-selected-bg: var(--color-primary-faint);

  --lexxy-focus-ring-color: var(--color-primary);
  --lexxy-shadow: 0 2px 8px var(--shadow-color-a);
}