:root {
  --color-brand-50: oklch(0.98 0.02 163);
  --color-brand-100: oklch(0.95 0.045 163);
  --color-brand-200: oklch(0.9 0.08 163);
  --color-brand-300: oklch(0.82 0.11 163);
  --color-brand-400: oklch(0.72 0.13 163);
  --color-brand-500: oklch(0.62 0.14 163);
  --color-brand-600: oklch(0.52 0.13 163);
  --color-brand-700: oklch(0.44 0.12 163);
  --color-brand-800: oklch(0.37 0.1 163);
  --color-brand-900: oklch(0.3 0.08 163);
  --color-brand-950: oklch(0.2 0.05 163);
  --color-sidebar: oklch(0.995 0.004 163);
  --color-sidebar-foreground: oklch(0.33 0.03 163);
  --color-sidebar-muted: oklch(0.53 0.025 163);
  --color-sidebar-border: oklch(0.91 0.025 163);
  --color-sidebar-accent: oklch(0.96 0.025 163);
  --color-sidebar-active: oklch(0.52 0.13 163);
  --color-sidebar-active-foreground: oklch(0.38 0.11 163);
  --primary-rgb: 0, 124, 86;
}
[data-theme="dark"] {
  --color-sidebar: oklch(0.22 0.03 163);
  --color-sidebar-foreground: oklch(0.93 0.02 163);
  --color-sidebar-muted: oklch(0.7 0.028 163);
  --color-sidebar-border: oklch(0.33 0.04 163);
  --color-sidebar-accent: oklch(0.28 0.04 163);
  --color-sidebar-active: oklch(0.76 0.13 163);
  --color-sidebar-active-foreground: oklch(0.97 0.02 163);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --color-sidebar: oklch(0.22 0.03 163);
  --color-sidebar-foreground: oklch(0.93 0.02 163);
  --color-sidebar-muted: oklch(0.7 0.028 163);
  --color-sidebar-border: oklch(0.33 0.04 163);
  --color-sidebar-accent: oklch(0.28 0.04 163);
  --color-sidebar-active: oklch(0.76 0.13 163);
  --color-sidebar-active-foreground: oklch(0.97 0.02 163);
}
}