/* Light theme mapped from shadcn preset bbVKF9c */
[data-theme="light"] {
  --bg-base: oklch(1 0 0);
  --bg-primary: oklch(1 0 0);
  --bg-secondary: oklch(0.97 0 0);
  --bg-surface: oklch(1 0 0);
  --bg-elevated: oklch(1 0 0);
  --bg-deep: oklch(0.97 0 0);
  --bg-sunken: oklch(0.985 0 0);
  --bg-hover: oklch(0.97 0 0 / 0.72);

  --border-primary: oklch(0.922 0 0);
  --border-secondary: oklch(0.708 0 0);
  --border-subtle: oklch(0.922 0 0 / 0.6);

  --text-primary: oklch(0.145 0 0);
  --text-secondary: oklch(0.205 0 0);
  --text-tertiary: oklch(0.556 0 0);
  --text-muted: oklch(0.708 0 0);

  --scrollbar-track: oklch(0.97 0 0);
  --scrollbar-thumb: oklch(0.922 0 0);
  --scrollbar-thumb-hover: oklch(0.708 0 0);

  --glass-bg: oklch(1 0 0 / 0.72);
  --glass-border: oklch(0.922 0 0 / 0.6);

  --nav-active-bg: oklch(0.205 0 0 / 0.12);
  --nav-hover-bg: oklch(0.205 0 0 / 0.08);

  --btn-primary-bg: oklch(0.205 0 0);
  --btn-primary-text: oklch(0.985 0 0);
  --btn-primary-hover: oklch(0.145 0 0);
  --btn-primary-shadow: oklch(0.205 0 0 / 0.3);
  --btn-selected-bg: oklch(0.205 0 0 / 0.14);
  --btn-selected-border: oklch(0.205 0 0 / 0.3);

  --overlay-heavy: oklch(0.145 0 0 / 0.7);
  --overlay-medium: oklch(0.145 0 0 / 0.5);
  --overlay-light: oklch(0.145 0 0 / 0.2);
  --overlay-full: oklch(0.145 0 0 / 0.9);
  --overlay-border: oklch(0.922 0 0 / 0.5);
  --selection-bg: oklch(0.205 0 0 / 0.2);

  --accent: oklch(0.205 0 0);
  --accent-hover: oklch(0.145 0 0);
  --accent-muted: oklch(0.556 0 0);
  --accent-bg: oklch(0.205 0 0 / 0.12);
  --accent-bg-hover: oklch(0.205 0 0 / 0.18);
  --accent-border: oklch(0.205 0 0 / 0.3);
  --accent-text: oklch(0.145 0 0);
  --accent-text-hover: oklch(0.145 0 0);
  --accent-on: oklch(0.985 0 0);
  --accent-shadow: oklch(0.205 0 0 / 0.2);

  --toggle-active: oklch(0.205 0 0);
  --toggle-inactive: var(--border-secondary);
  --toggle-knob: oklch(1 0 0);

  --success: #16a34a;
  --success-text: #15803d;
  --success-bg: rgba(22, 163, 74, 0.08);
  --success-border: rgba(22, 163, 74, 0.25);

  --error: #dc2626;
  --error-text: #b91c1c;
  --error-bg: rgba(220, 38, 38, 0.06);
  --error-border: rgba(220, 38, 38, 0.2);
  --error-hover-bg: rgba(220, 38, 38, 0.08);
  --error-hover-bg-strong: rgba(220, 38, 38, 0.15);

  --warning: #d97706;
  --warning-text: #b45309;
  --warning-bg: rgba(217, 119, 6, 0.08);
  --warning-border: rgba(217, 119, 6, 0.25);

  --info: #2563eb;
  --info-text: #1d4ed8;
  --info-bg: rgba(37, 99, 235, 0.08);
  --info-border: rgba(37, 99, 235, 0.25);

  --tag-purple: #7c3aed;
  --tag-purple-bg: rgba(124, 58, 237, 0.08);
  --tag-purple-border: rgba(124, 58, 237, 0.2);
  --tag-purple-hover: rgba(124, 58, 237, 0.08);
}

/* make sidebar item hover visible in light mode */
[data-theme="light"] :where(
  [class*="hidden md:flex shrink-0 bg-[#f4f4f5] flex-col justify-between"]
) :where(
  [class*="flex items-center py-3 text-[#71717a] hover:bg-[var(--bg-hover)] transition-colors cursor-pointer"]
):hover {
  background-color: #e4e4e7 !important;
  color: #09090b !important;
}