/* Map Lexxy CSS variables to DaisyUI theme variables.
   Lexxy vars are set on :root by lexxy-variables.css.
   DaisyUI vars are set on [data-theme="..."] selectors.
   By referencing DaisyUI vars here, Lexxy inherits the active theme. */

:root {
  --lexxy-color-canvas: var(--color-base-100);
  --lexxy-color-text: var(--color-base-content);
  --lexxy-color-text-subtle: color-mix(in oklch, var(--color-base-content) 60%, transparent);

  --lexxy-color-ink: var(--color-base-content);
  --lexxy-color-ink-medium: color-mix(in oklch, var(--color-base-content) 60%, transparent);
  --lexxy-color-ink-light: color-mix(in oklch, var(--color-base-content) 40%, transparent);
  --lexxy-color-ink-lighter: var(--color-base-300);
  --lexxy-color-ink-lightest: var(--color-base-200);
  --lexxy-color-ink-inverted: var(--color-base-100);

  --lexxy-color-accent-dark: var(--color-primary);
  --lexxy-color-accent-medium: color-mix(in oklch, var(--color-primary) 80%, white);
  --lexxy-color-accent-light: color-mix(in oklch, var(--color-primary) 30%, transparent);
  --lexxy-color-accent-lightest: color-mix(in oklch, var(--color-primary) 10%, transparent);

  --lexxy-color-link: var(--color-primary);
  --lexxy-color-selected: color-mix(in oklch, var(--color-primary) 15%, transparent);
  --lexxy-color-selected-hover: color-mix(in oklch, var(--color-primary) 25%, transparent);
  --lexxy-color-selected-dark: var(--color-primary);

  --lexxy-color-red: var(--color-error);
  --lexxy-color-green: var(--color-success);
  --lexxy-color-blue: var(--color-info);
  --lexxy-color-purple: var(--color-secondary);

  --lexxy-focus-ring-color: var(--color-primary);

  --lexxy-color-table-header-bg: var(--color-base-200);
  --lexxy-color-table-cell-border: var(--color-base-300);
  --lexxy-color-table-cell-selected: color-mix(in oklch, var(--color-primary) 15%, transparent);
  --lexxy-color-table-cell-selected-bg: color-mix(in oklch, var(--color-primary) 10%, transparent);

  --lexxy-color-code-bg: var(--color-base-200);
  --lexxy-color-code-token-comment: color-mix(in oklch, var(--color-base-content) 50%, transparent);
  --lexxy-color-code-token-punctuation: var(--color-base-content);

  --ninja-text-color: var(--color-base-content) !important;
  --ninja-accent-color: var(--color-primary) !important;
  --ninja-secondary-background-color: var(--color-base-200) !important;
  --ninja-selected-background: color-mix(in oklch, var(--color-primary) 15%, transparent) !important;
  --ninja-input-background: var(--color-base-100) !important;
  --ninja-input-border: var(--color-base-300) !important;
  --ninja-font-family: var(--font-sans) !important;
  --ninja-modal-background: var(--color-base-100) !important;
  --ninja-overflow-background: color-mix(in oklch, var(--color-base-100) 50%, transparent) !important;
}