/*
 * TheraQuiz universal color RC5
 * Owner-approved 2026-09-12 correction: one continuous fill per container,
 * no diagonal wedges, and the shared TheraLab semantic palette.
 */

:root {
  --purple: #a253ff;
  --teal: #28bec4;
  --orange: #ff9d45;
  --sky: #72a8ff;
  --slate: #94a3b8;
  --purple-soft: #f7efff;
}

/* Containers use one uninterrupted color. */
.auth-card,
.welcome-row,
.card,
.upgrade-card,
.study-outline-panel,
.study-outline-card,
.study-continue-card,
.module-card,
.module-header,
.lesson-reader {
  background-image: none;
}

.auth-card,
.welcome-row,
.card,
.upgrade-card,
.study-outline-panel,
.study-continue-card,
.module-card,
.module-header,
.lesson-reader { background-color: #fff; }

.auth-story,
.filter-tray,
.study-outline-card { background-color: #f4f6fb; }

.study-hero {
  background-image: none;
  background-color: var(--blue-soft);
}

.today-action.today-primary {
  background-image: none;
  background-color: var(--blue-soft);
}

/* Core palette rotates only through compact category markers. */
.study-outline-card:nth-child(4n + 1) .study-outline-index {
  color: #2946bc;
  background: var(--blue-soft);
}

.study-outline-card:nth-child(4n + 2) .study-outline-index {
  color: #a42c32;
  background: var(--coral-soft);
}

.study-outline-card:nth-child(4n + 3) .study-outline-index {
  color: #0d6b48;
  background: var(--green-soft);
}

.study-outline-card:nth-child(4n) .study-outline-index {
  color: #6f35bd;
  background: var(--purple-soft);
}