/* Custom styles for AWS MLA Study Notes */
/* Theme-aware styling for both light and dark modes */

/* Light mode colors */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #232f3e;
  --md-primary-fg-color--light: #37475a;
  --md-primary-fg-color--dark: #131920;
  --md-accent-fg-color: #ff9900;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #232f3e;
  --md-primary-fg-color--light: #37475a;
  --md-primary-fg-color--dark: #131920;
  --md-accent-fg-color: #ff9900;
}

/* Header and tabs use theme's primary color - works for both themes */
.md-header {
  background: var(--md-primary-fg-color);
}

.md-tabs {
  background: var(--md-primary-fg-color--light);
}

/* Active tab indicator with AWS orange */
.md-tabs__link--active,
.md-tabs__link:focus,
.md-tabs__link:hover {
  color: var(--md-accent-fg-color);
}

/* Hide sidebar nav on homepage */
.md-nav--primary > .md-nav__list > .md-nav__item:first-child {
  display: none;
}

/* Question styling for practice exams */
.question {
  border-left: 4px solid var(--md-accent-fg-color);
  padding-left: 1rem;
  margin: 1.5rem 0;
}

.question-number {
  font-weight: bold;
  color: var(--md-accent-fg-color);
}

/* Answer options */
.answer-option {
  padding: 0.5rem 1rem;
  margin: 0.25rem 0;
  border-radius: 4px;
  background: var(--md-code-bg-color);
}

.answer-option:hover {
  background: var(--md-accent-fg-color--transparent);
}

/* Correct answer highlight */
.correct-answer {
  background: rgba(76, 175, 80, 0.1);
  border-left: 3px solid #4caf50;
}

/* Domain badges */
.domain-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: bold;
}

.domain-1 { background: #e3f2fd; color: #1565c0; }
.domain-2 { background: #e8f5e9; color: #2e7d32; }
.domain-3 { background: #fff3e0; color: #ef6c00; }
.domain-4 { background: #fce4ec; color: #c2185b; }

/* Service reference cards */
.service-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
  transition: box-shadow 0.2s;
}

.service-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Lab difficulty indicators */
.difficulty-easy { color: #4caf50; }
.difficulty-medium { color: #ff9800; }
.difficulty-hard { color: #f44336; }