/* Tokyo Night — deep navy dark theme with vibrant cool accents.
 * Inspired by the Tokyo Night editor palette. High contrast, calm, focused. */
html[data-theme='tokyo-night'] {
  --primary: #7aa2f7;
  --background: #1a1b26;
  --background-darker: #16161e;
  --item-group-background: #24283b;
  --item-group-outer-background: #24283b;
  --item-background: #1f2335;
  --item-background-hover: #292e42;
  --item-shadow: 0 1px 3px #0b0c10cc;
  --item-hover-shadow: 0 2px 6px #000000cc, 0 0 1px var(--primary);
  --heading-text-color: #c0caf5;
  --item-text-color: #c0caf5;
  --item-text-color-hover: #bb9af7;
  --settings-text-color: var(--primary);
  --nav-link-text-color: #c0caf5;
  --nav-link-background-color: #16161e;
  --nav-link-border-color: transparent;
  --nav-link-border-color-hover: #bb9af7;
  --outline-color: #7aa2f7;

  .collapsable, .nav a.nav-item {
    &:nth-child(1n) { --index-color: #7dcfff; }  // cyan
    &:nth-child(2n) { --index-color: #9ece6a; }  // green
    &:nth-child(3n) { --index-color: #ff9e64; }  // orange
    &:nth-child(4n) { --index-color: #bb9af7; }  // magenta
    &:nth-child(5n) { --index-color: #f7768e; }  // red

    --item-group-heading-text-color: var(--index-color);
    --item-group-heading-text-color-hover: var(--index-color);
    --nav-link-text-color-hover: var(--index-color);
  }
}
