/* INTERIA OS v1.6.82 — controlled sidebar title accents.
   Keeps the existing sidebar layout, background, spacing, 3D icons and active-state design.
   Uses a restrained five-accent palette plus neutral for readability on the dark sidebar. */
.sidebar,
.hr-sidebar {
  --interia-nav-blue: #8cb9e8;
  --interia-nav-teal: #70c3c0;
  --interia-nav-green: #82c59b;
  --interia-nav-gold: #e1b866;
  --interia-nav-rose: #e48e8e;
  --interia-nav-neutral: #c4c9c5;
}

.sidebar .nav-item[data-interia-nav-tone] .nav-item__label,
.hr-sidebar .hr-nav-item[data-interia-nav-tone] strong {
  color: var(--interia-nav-title-color, var(--interia-nav-neutral));
  font-weight: 600;
  transition: color .16s ease, text-shadow .16s ease;
}

.sidebar .nav-item[data-interia-nav-tone="blue"],
.hr-sidebar .hr-nav-item[data-interia-nav-tone="blue"] { --interia-nav-title-color: var(--interia-nav-blue); }
.sidebar .nav-item[data-interia-nav-tone="teal"],
.hr-sidebar .hr-nav-item[data-interia-nav-tone="teal"] { --interia-nav-title-color: var(--interia-nav-teal); }
.sidebar .nav-item[data-interia-nav-tone="green"],
.hr-sidebar .hr-nav-item[data-interia-nav-tone="green"] { --interia-nav-title-color: var(--interia-nav-green); }
.sidebar .nav-item[data-interia-nav-tone="gold"],
.hr-sidebar .hr-nav-item[data-interia-nav-tone="gold"] { --interia-nav-title-color: var(--interia-nav-gold); }
.sidebar .nav-item[data-interia-nav-tone="rose"],
.hr-sidebar .hr-nav-item[data-interia-nav-tone="rose"] { --interia-nav-title-color: var(--interia-nav-rose); }
.sidebar .nav-item[data-interia-nav-tone="neutral"],
.hr-sidebar .hr-nav-item[data-interia-nav-tone="neutral"] { --interia-nav-title-color: var(--interia-nav-neutral); }

/* Keep the current amber active item treatment readable and consistent. */
.sidebar .nav-item.is-active[data-interia-nav-tone] .nav-item__label,
.hr-sidebar .hr-nav-item.is-active[data-interia-nav-tone] strong {
  color: var(--charcoal-900, #181a19);
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255,255,255,.18);
}

/* Hover is intentionally subtle: no rainbow glow or layout change. */
.sidebar .nav-item:not(.is-active)[data-interia-nav-tone]:hover .nav-item__label,
.hr-sidebar .hr-nav-item:not(.is-active)[data-interia-nav-tone]:hover strong {
  color: color-mix(in srgb, var(--interia-nav-title-color) 86%, white 14%);
  text-shadow: 0 1px 10px color-mix(in srgb, var(--interia-nav-title-color) 18%, transparent);
}

/* If a browser does not support color-mix, retain the base controlled color. */
@supports not (color: color-mix(in srgb, white 50%, black)) {
  .sidebar .nav-item:not(.is-active)[data-interia-nav-tone]:hover .nav-item__label,
  .hr-sidebar .hr-nav-item:not(.is-active)[data-interia-nav-tone]:hover strong {
    color: var(--interia-nav-title-color);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar .nav-item[data-interia-nav-tone] .nav-item__label,
  .hr-sidebar .hr-nav-item[data-interia-nav-tone] strong {
    transition: none;
  }
}