/* Lexxy Editor Dark Theme Variables
 * 
 * Color variables specific to the Lexxy rich text editor
 * when used with the 'dim' theme (dark mode).
 */

:root[data-theme='dim'] {
  /* Lexxy ink colors - inverted for dark mode with improved contrast */
  --lexxy-color-ink: oklch(90% 0 0);
  --lexxy-color-ink-medium: oklch(72% 0 0);
  --lexxy-color-ink-light: oklch(55% 0 0);
  --lexxy-color-ink-lighter: oklch(38% 0 0);
  --lexxy-color-ink-lightest: oklch(28% 0 0);
  --lexxy-color-ink-inverted: oklch(22% 0 0);

  --lexxy-color-canvas: oklch(22% 0 0);
  --lexxy-color-text: oklch(90% 0 0);

  /* Adjust accent colors for better dark mode visibility */
  --lexxy-color-accent-dark: oklch(70% 0.19 260);
  --lexxy-color-accent-medium: oklch(80% 0.196 258);
  --lexxy-color-accent-light: oklch(30% 0.026 254);
  --lexxy-color-accent-lightest: oklch(25% 0.026 254);

  /* Adjust code syntax highlighting for dark backgrounds */
  --lexxy-color-code-token-att: #f97583;
  --lexxy-color-code-token-comment: #8b949e;
  --lexxy-color-code-token-function: #d2a8ff;
  --lexxy-color-code-token-operator: #f97583;
  --lexxy-color-code-token-property: #79c0ff;
  --lexxy-color-code-token-punctuation: #e6edf3;
  --lexxy-color-code-token-selector: #7ee787;
  --lexxy-color-code-token-variable: #ffa657;

  /* Adjust other colors */
  --lexxy-color-red: oklch(65% 0.15 27);
  --lexxy-color-green: oklch(65% 0.15 145);
  --lexxy-color-blue: oklch(70% 0.196 258);
  --lexxy-color-purple: oklch(65% 0.15 305);

  /* Adjust highlight backgrounds for dark mode */
  --highlight-bg-1: rgba(229, 223, 6, 0.15);
  --highlight-bg-2: rgba(255, 185, 87, 0.15);
  --highlight-bg-3: rgba(255, 118, 118, 0.15);
  --highlight-bg-4: rgba(248, 137, 216, 0.15);
  --highlight-bg-5: rgba(190, 165, 255, 0.15);
  --highlight-bg-6: rgba(124, 192, 252, 0.15);
  --highlight-bg-7: rgba(140, 255, 129, 0.15);
  --highlight-bg-8: rgba(221, 170, 123, 0.15);
  --highlight-bg-9: rgba(200, 200, 200, 0.15);
}