/* ===== Lexxy Theme customization ===== */
/* Use the app's custom fonts in the editor */
:root {
  --lexxy-font-base: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lexxy-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* ===== Lexxy Dark Mode Override ===== */
/* Maps Lexxy CSS variables to DaisyUI's data-theme dark mode  */

[data-theme="badminton-dark"] {
  /* Base ink colors – inverted for dark backgrounds */
  --lexxy-color-ink: oklch(88% 0.005 260);
  --lexxy-color-ink-medium: oklch(70% 0 0);
  --lexxy-color-ink-light: oklch(50% 0 0);
  --lexxy-color-ink-lighter: oklch(35% 0 0);
  --lexxy-color-ink-lightest: oklch(25% 0 0);
  --lexxy-color-ink-inverted: oklch(22% 0.012 260);

  /* Accent colors – brighter for dark mode */
  --lexxy-color-accent-dark: oklch(70% 0.22 25);
  --lexxy-color-accent-medium: oklch(65% 0.18 30);
  --lexxy-color-accent-light: oklch(35% 0.04 30);
  --lexxy-color-accent-lightest: oklch(28% 0.03 30);

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

  /* Code syntax tokens – GitHub dark-style */
  --lexxy-color-code-token-att: #ff7b72;
  --lexxy-color-code-token-comment: #8b949e;
  --lexxy-color-code-token-function: #d2a8ff;
  --lexxy-color-code-token-operator: #ff7b72;
  --lexxy-color-code-token-property: #79c0ff;
  --lexxy-color-code-token-punctuation: #f0f6fc;
  --lexxy-color-code-token-selector: #7ee787;
  --lexxy-color-code-token-variable: #ffa657;

  /* Derived colors */
  --lexxy-color-canvas: var(--lexxy-color-ink-inverted);
  --lexxy-color-text: var(--lexxy-color-ink);
  --lexxy-color-text-subtle: var(--lexxy-color-ink-medium);
  --lexxy-color-link: var(--lexxy-color-accent-dark);
  --lexxy-color-selected: var(--lexxy-color-accent-lightest);
  --lexxy-color-selected-hover: var(--lexxy-color-accent-light);
  --lexxy-color-selected-dark: var(--lexxy-color-blue);
  --lexxy-color-code-bg: var(--lexxy-color-ink-lightest);

  /* Text color highlights – brighter for dark mode */
  --highlight-1: rgb(240, 200, 22);
  --highlight-2: rgb(230, 118, 14);
  --highlight-3: rgb(244, 5, 5);
  --highlight-4: rgb(248, 21, 192);
  --highlight-5: rgb(214, 80, 255);
  --highlight-6: rgb(53, 157, 255);
  --highlight-7: rgb(26, 231, 23);
  --highlight-8: rgb(201, 135, 72);
  --highlight-9: rgb(161, 161, 161);

  /* Tables */
  --lexxy-color-table-header-bg: var(--lexxy-color-ink-lightest);
  --lexxy-color-table-cell-border: var(--lexxy-color-ink-lighter);
  --lexxy-color-table-cell-selected: var(--lexxy-color-selected);

  /* Shadow */
  --lexxy-shadow: 0 0 0 1px rgba(100, 100, 100, 0.3);

  /* Focus ring – use primary color */
  --lexxy-focus-ring-color: var(--lexxy-color-accent-dark);
}