/* Topic-specific theme colors for Learning for Haters
   Each topic has its own color scheme applied via data-topic attribute */

/* Base colors - used when no topic detected */
:root {
  --md-primary-fg-color: #5A6A7A;
  --md-accent-fg-color: #6CA6C1;
}

/* Rust Programming - Ferris orange/copper */
[data-topic="rust"] {
  --md-primary-fg-color: #C85A3B;
  --md-accent-fg-color: #6CA6C1;
}

[data-md-color-scheme="slate"][data-topic="rust"] {
  --md-primary-fg-color: #A84830;
}

/* AI & Machine Learning - Sky blue */
[data-topic="ai"] {
  --md-primary-fg-color: #6CA6C1;
  --md-accent-fg-color: #C85A3B;
}

[data-md-color-scheme="slate"][data-topic="ai"] {
  --md-primary-fg-color: #4A8BA5;
}

/* Uncategorized/Misc - Steel gray */
[data-topic="misc"] {
  --md-primary-fg-color: #5A6A7A;
  --md-accent-fg-color: #6CA6C1;
}

[data-md-color-scheme="slate"][data-topic="misc"] {
  --md-primary-fg-color: #3D4A56;
}

/* Topic indicator badge in header */
.topic-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  margin-left: 1rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color, #fff);
  opacity: 0.9;
}

.topic-badge .icon {
  margin-right: 0.375rem;
}

/* Navigation section styling per topic */
.md-nav__item--nested[data-nav-topic="rust"] > .md-nav__link::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #C85A3B;
}

.md-nav__item--nested[data-nav-topic="ai"] > .md-nav__link::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #6CA6C1;
}

.md-nav__item--nested[data-nav-topic="misc"] > .md-nav__link::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #5A6A7A;
}

/* Index page topic cards */
.topic-card {
  border-left: 4px solid var(--md-primary-fg-color);
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}

.topic-card h3 {
  color: var(--md-primary-fg-color);
}

.topic-card.rust {
  border-left-color: #C85A3B;
}

.topic-card.rust h3 {
  color: #C85A3B;
}

.topic-card.ai {
  border-left-color: #6CA6C1;
}

.topic-card.ai h3 {
  color: #6CA6C1;
}

.topic-card.misc {
  border-left-color: #5A6A7A;
}

.topic-card.misc h3 {
  color: #5A6A7A;
}