/**
 * Jumper theme colour splashes — rotating palette on cards & sections.
 * Hover: lighten the element's existing border by mixing white into it.
 */

[data-theme="jumper-light"] .feature-card:nth-child(5n + 1),
[data-theme="jumper-dark"] .feature-card:nth-child(5n + 1) {
  border-color: var(--uts-gold);
}

[data-theme="jumper-light"] .feature-card:nth-child(5n + 2),
[data-theme="jumper-dark"] .feature-card:nth-child(5n + 2) {
  border-color: var(--uts-red);
}

[data-theme="jumper-light"] .feature-card:nth-child(5n + 3),
[data-theme="jumper-dark"] .feature-card:nth-child(5n + 3) {
  border-color: var(--uts-maroon);
}

[data-theme="jumper-light"] .feature-card:nth-child(5n + 4),
[data-theme="jumper-dark"] .feature-card:nth-child(5n + 4) {
  border-color: var(--uts-purple);
}

[data-theme="jumper-light"] .feature-card:nth-child(5n + 5),
[data-theme="jumper-dark"] .feature-card:nth-child(5n + 5) {
  border-color: var(--uts-green);
}

[data-theme="jumper-dark"] .feature-card:nth-child(5n + 1):hover,
[data-theme="jumper-light"] .feature-card:nth-child(5n + 1):hover {
  border-color: color-mix(in srgb, var(--uts-gold) 55%, white);
}

[data-theme="jumper-dark"] .feature-card:nth-child(5n + 2):hover,
[data-theme="jumper-light"] .feature-card:nth-child(5n + 2):hover {
  border-color: color-mix(in srgb, var(--uts-red) 55%, white);
}

[data-theme="jumper-dark"] .feature-card:nth-child(5n + 3):hover,
[data-theme="jumper-light"] .feature-card:nth-child(5n + 3):hover {
  border-color: color-mix(in srgb, var(--uts-maroon) 55%, white);
}

[data-theme="jumper-dark"] .feature-card:nth-child(5n + 4):hover,
[data-theme="jumper-light"] .feature-card:nth-child(5n + 4):hover {
  border-color: color-mix(in srgb, var(--uts-purple) 55%, white);
}

[data-theme="jumper-dark"] .feature-card:nth-child(5n + 5):hover,
[data-theme="jumper-light"] .feature-card:nth-child(5n + 5):hover {
  border-color: color-mix(in srgb, var(--uts-green) 55%, white);
}

[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 1),
[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 1) {
  border-left: 4px solid var(--uts-gold);
}

[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 2),
[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 2) {
  border-left: 4px solid var(--uts-red);
}

[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 3),
[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 3) {
  border-left: 4px solid var(--uts-maroon);
}

[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 4),
[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 4) {
  border-left: 4px solid var(--uts-purple);
}

[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 5),
[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 5) {
  border-left: 4px solid var(--uts-green);
}

[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 1):hover,
[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 1):hover {
  border-left-color: color-mix(in srgb, var(--uts-gold) 55%, white);
}

[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 2):hover,
[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 2):hover {
  border-left-color: color-mix(in srgb, var(--uts-red) 55%, white);
}

[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 3):hover,
[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 3):hover {
  border-left-color: color-mix(in srgb, var(--uts-maroon) 55%, white);
}

[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 4):hover,
[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 4):hover {
  border-left-color: color-mix(in srgb, var(--uts-purple) 55%, white);
}

[data-theme="jumper-dark"] .admin-section:nth-of-type(5n + 5):hover,
[data-theme="jumper-light"] .admin-section:nth-of-type(5n + 5):hover {
  border-left-color: color-mix(in srgb, var(--uts-green) 55%, white);
}

[data-theme="jumper-light"] #section-getting-started,
[data-theme="jumper-dark"] #section-getting-started {
  border: 2px solid var(--uts-purple);
  background: color-mix(in srgb, var(--uts-purple) 6%, var(--uts-bg-surface));
}

[data-theme="jumper-dark"] #section-getting-started:hover,
[data-theme="jumper-light"] #section-getting-started:hover {
  border-color: color-mix(in srgb, var(--uts-purple) 55%, white);
}

[data-theme="jumper-light"] .hero p {
  color: var(--uts-maroon);
  font-weight: 400;
}

[data-theme="jumper-dark"] .hero p {
  color: var(--uts-gold);
}

[data-theme="jumper-light"] ::-webkit-scrollbar-track {
  background: var(--uts-scrollbar-track);
}

[data-theme="jumper-light"] ::-webkit-scrollbar-thumb {
  background: var(--uts-scrollbar-thumb);
}

[data-theme="jumper-dark"] ::-webkit-scrollbar-track {
  background: var(--uts-scrollbar-track);
}

[data-theme="jumper-dark"] ::-webkit-scrollbar-thumb {
  background: var(--uts-scrollbar-thumb);
}