/*
 * This is a manifest file that'll be compiled into application.css.
 * It includes all the necessary stylesheets for the Arabic RTL application.
 */

/*
 *= require fonts
 *= require tailwind
 *= require_tree .
 *= require sortable
 *= require_self
 */

/* Dark mode overrides for Lexxy editor — must be in application.css
   (not Tailwind) so it loads after lexxy-variables.css.
   .dark selector on <html> is more specific than :root */
.dark {
  --lexxy-color-ink: oklch(85% 0 0);
  --lexxy-color-ink-medium: oklch(65% 0 0);
  --lexxy-color-ink-light: oklch(45% 0 0);
  --lexxy-color-ink-lighter: oklch(30% 0 0);
  --lexxy-color-ink-lightest: oklch(22% 0 0);
  --lexxy-color-ink-inverted: #212121;
  --lexxy-color-canvas: #212121;
  --lexxy-color-text: oklch(85% 0 0);
  --lexxy-color-text-subtle: oklch(65% 0 0);
  --lexxy-color-code-bg: oklch(20% 0 0);
  --lexxy-color-table-header-bg: oklch(22% 0 0);
  --lexxy-color-table-cell-border: oklch(30% 0 0);
  --lexxy-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
