:root {
  color-scheme: light;

  --main: #fafafa;
  --background: #fff;
  --foreground: #242424;
  --card: #fff;
  --card-foreground: #242424;
  --muted: #f4f4f5;
  --muted-foreground: #686868;
  --border: #e4e4e7;
  --input: #d4d4d8;
  --primary: #f58220;
  --primary-foreground: #271504;
  --primary-hover: #e87500;
  --secondary: #f4f4f5;
  --secondary-foreground: #27272a;
  --destructive: #b42318;
  --success: #16803c;
  --ring: rgba(245, 130, 32, 0.35);
  --radius: 1rem;

  --sidebar-bg: var(--primary);
  --sidebar-text: #2b1a0b;
  --sidebar-text-hover: #241302;
  --sidebar-hover-bg: rgba(255, 255, 255, 0.28);
  --sidebar-border: rgba(43, 26, 11, 0.14);
  --sidebar-text-active: #fff;
  --sidebar-active-bg: #8f4300;
  --accent: #fff;

  --content-bg: var(--main);
  --topbar-bg: rgba(255, 255, 255, 0.94);
  --topbar-border: var(--border);

  --search-title-bg: transparent;
  --search-title-color: var(--foreground);
  --search-fields-bg: var(--card);
  --search-fields-color: var(--foreground);

  --sidebar-width: 260px;
  --sidebar-width-collapsed: 70px;

  --default-link-color: #a64b00;
  --focus-ring: 0 0 0 0.22rem var(--ring);
}

.dark {
  color-scheme: dark;

  --main: #18181b;
  --background: #202023;
  --foreground: #f4f4f5;
  --card: #202023;
  --card-foreground: #f4f4f5;
  --muted: #303034;
  --muted-foreground: #b4b4bc;
  --border: rgba(255, 255, 255, 0.12);
  --input: rgba(255, 255, 255, 0.2);
  --primary: #f58220;
  --primary-foreground: #241302;
  --primary-hover: #ff9a3d;
  --secondary: #303034;
  --secondary-foreground: #f4f4f5;
  --destructive: #ff7770;
  --success: #4ade80;
  --ring: rgba(245, 130, 32, 0.35);

  --sidebar-bg: #202023;
  --sidebar-text: #e4e4e7;
  --sidebar-text-hover: #fff;
  --sidebar-hover-bg: #303034;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --sidebar-text-active: #fff;
  --sidebar-active-bg: #85400c;
  --accent: var(--primary);

  --content-bg: var(--main);
  --topbar-bg: rgba(32, 32, 35, 0.94);
  --topbar-border: var(--border);

  --search-title-bg: transparent;
  --search-title-color: var(--foreground);
  --search-fields-bg: var(--card);
  --search-fields-color: var(--foreground);

  --default-link-color: #ffae68;
  --focus-ring: 0 0 0 0.22rem var(--ring);
}

.nav-pills {
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: var(--primary);
  --bs-nav-link-color: var(--default-link-color);
}