/* ELKO EP color scheme — yellow #e6c332, grey #8c8c8c */
/* :root:root doubles specificity to always override index.css defaults */

:root:root {
  --primary: 48 78% 55%;
  --primary-foreground: 0 0% 12%;
  --ring: 48 78% 55%;
  --sidebar-foreground: 0 0% 55%;
  --accent: 48 60% 95%;
  --accent-foreground: 48 78% 35%;
  --sidebar-primary: 48 78% 55%;
  --sidebar-primary-foreground: 0 0% 12%;
  --sidebar-accent: 0 0% 55%;
  --sidebar-accent-foreground: 0 0% 98%;
  --sidebar-ring: 48 78% 55%;
  --chart-1: 48 78% 55%;
  --chart-2: 48 60% 70%;
  --chart-3: 0 0% 55%;
  --chart-4: 48 78% 40%;
  --chart-5: 0 0% 40%;
}

/* Sidebar nav: grey text, yellow only for active/hover */
aside nav a {
  color: hsl(0 0% 55%) !important;
}
aside nav a[aria-current="page"] {
  color: hsl(48 78% 55%) !important;
}
aside nav a:hover {
  color: hsl(48 78% 55%) !important;
}

/* Override hardcoded violet/purple colors to Elko yellow/grey */
.text-violet-500 {
  color: hsl(48 78% 45%) !important;
}
.bg-violet-500 {
  background-color: hsl(48 78% 55%) !important;
}
.shadow-violet-500\/30 {
  --tw-shadow-color: hsl(48 78% 55% / 0.3) !important;
}
.text-purple-500 {
  color: hsl(0 0% 55%) !important;
}

/* Space tree: grey for active/selected items and section headers */
[role="treeitem"][aria-selected="true"] {
  color: hsl(0 0% 55%) !important;
}
[role="tree"] .text-primary {
  color: hsl(0 0% 55%) !important;
}

:root.dark {
  --primary: 48 78% 62%;
  --primary-foreground: 48 50% 10%;
  --ring: 48 78% 62%;
  --sidebar-foreground: 0 0% 65%;
  --accent: 48 40% 18%;
  --accent-foreground: 48 78% 70%;
  --sidebar-primary: 48 78% 62%;
  --sidebar-primary-foreground: 48 50% 10%;
  --sidebar-accent: 0 0% 60%;
  --sidebar-accent-foreground: 0 0% 15%;
  --sidebar-ring: 48 78% 62%;
  --chart-1: 48 78% 65%;
  --chart-2: 48 60% 75%;
  --chart-3: 0 0% 60%;
  --chart-4: 48 78% 50%;
  --chart-5: 0 0% 45%;
}