/* Light mode defaults */
course-app,
course-catalog,
course-recommendation {
  --course-catalog-bg: #ffffff;
  --course-catalog-text-color: #172033;
  --course-catalog-title-color: #111827;
  --course-catalog-description-color: #607084;
  --course-catalog-card-bg: #ffffff;
  --course-catalog-border-color: #e4e9f1;
  --course-catalog-radius: 8px;
  --course-catalog-shadow: 0 18px 48px rgba(22, 32, 51, 0.08);
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .color-scheme-auto,
  [data-color-scheme='auto'] course-app,
  [data-color-scheme='auto'] course-catalog,
  [data-color-scheme='auto'] course-recommendation {
    color-scheme: dark;
    --course-catalog-bg: #171b24;
    --course-catalog-text-color: #f3f4f6;
    --course-catalog-title-color: #f8fafc;
    --course-catalog-description-color: #a7b0c0;
    --course-catalog-card-bg: #1f2530;
    --course-catalog-border-color: rgba(255, 255, 255, 0.08);
    --course-catalog-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
  }
}

/* Force dark mode */
.color-scheme-dark,
.dark,
[data-color-scheme='dark'] course-app,
[data-color-scheme='dark'] course-catalog,
[data-color-scheme='dark'] course-recommendation {
  color-scheme: dark;
  --course-catalog-bg: #171b24;
  --course-catalog-text-color: #f3f4f6;
  --course-catalog-title-color: #f8fafc;
  --course-catalog-description-color: #a7b0c0;
  --course-catalog-card-bg: #1f2530;
  --course-catalog-border-color: rgba(255, 255, 255, 0.08);
  --course-catalog-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}