/* Shared palette for the portal and standalone teaching and learning pages. */
:root {
  --xp-ink: #272743;
  --xp-muted: #62647a;
  --xp-primary: #5445ed;
  --xp-primary-dark: #4838cf;
  --xp-lavender: #f0edff;
  --xp-mint: #e7f8ef;
  --xp-sky: #eaf4ff;
  --xp-blush: #fff0f6;
  --xp-page: #f6f4fc;
  --xp-edge: #eae5f5;
  --xp-glass: rgb(255 255 255 / 72%);
  --xp-shadow: 0 8px 24px rgb(60 43 126 / 6%);
  --xp-wash: radial-gradient(ellipse at 2% 0%, #e5f8e7 0%, transparent 43%),
    radial-gradient(ellipse at 100% 30%, #f0e4fc 0%, transparent 52%),
    radial-gradient(ellipse at 62% 0%, #edf7fe 0%, transparent 42%);
  --xp-hero: linear-gradient(115deg, #e9f8ee, #f5f9fd 45%, #f3eafb);
  --xp-action: linear-gradient(135deg, #6457f4, #5041e4);
}

.xp-course-theme body, .xp-teacher-theme body, .xp-agent-theme body {
  background: var(--xp-wash) var(--xp-page);
  color: var(--xp-ink);
}
.xp-course-theme body > header, .xp-teacher-theme body > header {
  background: var(--xp-glass);
  border-color: var(--xp-edge);
  backdrop-filter: blur(16px);
}
.xp-course-theme body main { background: transparent; }
.xp-course-theme body .xp-sticky-top { background: var(--xp-page); }
.xp-learn-theme body { color: var(--xp-ink); }
.xp-learn-theme .bg-brand-600, .xp-agent-theme .bg-brand-600,
.xp-teacher-theme .bg-brand-600, .xp-course-theme .bg-brand-600 { background-color: var(--xp-primary); }
.xp-learn-theme .text-brand-600, .xp-agent-theme .text-brand-600,
.xp-teacher-theme .text-brand-600, .xp-course-theme .text-brand-600 { color: var(--xp-primary-dark); }
.xp-learn-theme .bg-brand-50, .xp-agent-theme .bg-brand-50,
.xp-teacher-theme .bg-brand-50, .xp-course-theme .bg-brand-50 { background-color: var(--xp-lavender); }