:root,
[data-theme="light"] {
  --bg-primary: oklch(98.5% 0 0);
  --bg-secondary: oklch(96.7% 0.001 286.375);
  --bg-tertiary: oklch(92% 0.004 286.32);
  --bg-card: #fff;
  --text-primary: oklch(21% 0.006 285.885);
  --text-secondary: oklch(44.2% 0.017 285.786);
  --text-muted: oklch(55.2% 0.016 285.938);
  --border-color: oklch(87.1% 0.006 286.286);
  --border-light: oklch(92% 0.004 286.32);
  --accent: #6366f1;
  --error-bg: oklch(95% 0.04 25);
  --error-text: #b91c1c;
  --code-bg: oklch(96.7% 0.001 286.375);
  --preloader-track: oklch(92% 0.004 286.32);
  --preloader-spin: oklch(21% 0.006 285.885);
  --diff-bg: oklch(96.7% 0.001 286.375);
  --md-table: #fff;
  --md-table-row: oklch(96.7% 0.001 286.375);
  --md-table-border: oklch(92% 0.004 286.32);
  --folder-icon: oklch(26.9% 0 0);
  --file-icon: oklch(55.2% 0.016 285.938);
}

[data-theme="dark"] {
  --bg-primary: oklch(14.1% 0.005 285.823);
  --bg-secondary: oklch(21% 0.006 285.885);
  --bg-tertiary: oklch(27.4% 0.006 286.033);
  --bg-card: oklch(27.4% 0.006 286.033);
  --text-primary: oklch(96.7% 0.001 286.375);
  --text-secondary: oklch(87.1% 0.006 286.286);
  --text-muted: oklch(70.5% 0.015 286.067);
  --border-color: oklch(37% 0.013 285.805);
  --border-light: oklch(27.4% 0.006 286.033);
  --error-bg: oklch(25% 0.08 25);
  --error-text: oklch(80% 0.15 25);
  --code-bg: oklch(21% 0.006 285.885);
  --preloader-track: oklch(27.4% 0.006 286.033);
  --preloader-spin: oklch(87.1% 0.006 286.286);
  --diff-bg: oklch(21% 0.006 285.885);
  --md-table: oklch(37% 0.013 285.805);
  --md-table-row: oklch(44.2% 0.017 285.786);
  --md-table-border: oklch(55.2% 0.016 285.938);
  --folder-icon: oklch(70.5% 0.015 286.067);
  --file-icon: oklch(70.5% 0.015 286.067);
}