/*
 * 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);
}

/* Custom trash cursor — used when hovering destructive "click-to-remove" affordances */
.cursor-trash {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 6 5 6 21 6'/><path d='M19 6l-2 14a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L5 6'/><line x1='10' y1='11' x2='10' y2='17'/><line x1='14' y1='11' x2='14' y2='17'/><path d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/></svg>") 9 9, pointer;
}
