/* Bajati Kft color scheme — blue #5097B5, dark #2B2B2B */
/* :root:root doubles specificity to always override index.css defaults */

:root:root {
  --primary: 198 41% 51%;
  --primary-foreground: 0 0% 100%;
  --ring: 198 41% 51%;
  --accent: 198 40% 95%;
  --accent-foreground: 198 41% 35%;
  --sidebar-foreground: 0 0% 17%;
  --sidebar-primary: 198 41% 51%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 198 30% 92%;
  --sidebar-accent-foreground: 0 0% 12%;
  --sidebar-ring: 198 41% 51%;
  --chart-1: 198 41% 51%;
  --chart-2: 0 0% 17%;
  --chart-3: 198 30% 35%;
  --chart-4: 198 30% 65%;
  --chart-5: 0 0% 40%;
}

/* Sidebar nav: dark text, blue for active/hover */
aside nav a {
  color: hsl(0 0% 25%) !important;
}
aside nav a[aria-current="page"] {
  color: hsl(198 41% 45%) !important;
}
aside nav a:hover {
  color: hsl(198 41% 45%) !important;
}

/* Override hardcoded violet/purple colors to Bajati Kft blue/dark */
.text-violet-500 {
  color: hsl(198 41% 45%) !important;
}
.bg-violet-500 {
  background-color: hsl(198 41% 51%) !important;
}
.shadow-violet-500\/30 {
  --tw-shadow-color: hsl(198 41% 51% / 0.3) !important;
}
.text-purple-500 {
  color: hsl(0 0% 17%) !important;
}

/* Destructive actions */
:root:root {
  --destructive: 0 65% 51%;
  --destructive-foreground: 0 0% 100%;
}

/* Help button */
.relative > button.rounded-full.bg-primary {
  background-color: hsl(0 0% 17%) !important;
  color: hsl(0 0% 100%) !important;
}

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

:root.dark {
  --primary: 198 41% 58%;
  --primary-foreground: 198 50% 8%;
  --ring: 198 41% 58%;
  --destructive: 0 65% 58%;
  --destructive-foreground: 0 0% 100%;
  --accent: 198 30% 18%;
  --accent-foreground: 198 41% 70%;
  --sidebar-foreground: 0 0% 75%;
  --sidebar-primary: 198 41% 58%;
  --sidebar-primary-foreground: 198 50% 8%;
  --sidebar-accent: 0 0% 20%;
  --sidebar-accent-foreground: 0 0% 90%;
  --sidebar-ring: 198 41% 58%;
  --chart-1: 198 41% 58%;
  --chart-2: 0 0% 55%;
  --chart-3: 198 30% 45%;
  --chart-4: 198 30% 70%;
  --chart-5: 0 0% 65%;
}