/**
 * Daily challenge hero card — gradients and accents per workspace palette.
 * Theme is selected via html[data-workspace-theme="…"] from head-tail.cfm.
 */

.daily-challenge-widget {
  flex-shrink: 0;
}

:root {
  --dc-card-from: #6366f1;
  --dc-card-to: #9333ea;
  --dc-card-muted: rgb(224 231 255 / 0.95);
  --dc-card-muted-subtle: rgb(224 231 255 / 0.88);
  --dc-blob-deep: rgb(49 46 129 / 0.22);
  --dc-secondary-bg: rgb(49 46 129 / 0.32);
  --dc-secondary-bg-hover: rgb(49 46 129 / 0.5);
  --dc-primary-btn-text: #4338ca;
  --dc-accent-flame: #fdba74;
}

html[data-workspace-theme="default"],
html[data-workspace-theme="artic"],
html[data-workspace-theme="indigo"],
html[data-workspace-theme="purple"],
html[data-workspace-theme="elegant-green"] {
  --dc-card-from: #6366f1;
  --dc-card-to: #9333ea;
  --dc-card-muted: rgb(224 231 255 / 0.95);
  --dc-card-muted-subtle: rgb(224 231 255 / 0.88);
  --dc-blob-deep: rgb(49 46 129 / 0.22);
  --dc-secondary-bg: rgb(49 46 129 / 0.32);
  --dc-secondary-bg-hover: rgb(49 46 129 / 0.5);
  --dc-primary-btn-text: #4338ca;
  --dc-accent-flame: #fdba74;
}

html[data-workspace-theme="warm"],
html[data-workspace-theme="orange"] {
  --dc-card-from: #ea580c;
  --dc-card-to: #ed7f3a;
  --dc-card-muted: rgb(255 237 213 / 0.96);
  --dc-card-muted-subtle: rgb(255 237 213 / 0.85);
  --dc-blob-deep: rgb(124 45 18 / 0.28);
  --dc-secondary-bg: rgb(124 45 18 / 0.28);
  --dc-secondary-bg-hover: rgb(124 45 18 / 0.42);
  --dc-primary-btn-text: #edba3a;
  --dc-accent-flame: #fde68a;
}

html[data-workspace-theme="green"] {
  --dc-card-from: #059669;
  --dc-card-to: #0f766e;
  --dc-card-muted: rgb(209 250 229 / 0.95);
  --dc-card-muted-subtle: rgb(209 250 229 / 0.85);
  --dc-blob-deep: rgb(6 78 59 / 0.28);
  --dc-secondary-bg: rgb(15 118 110 / 0.35);
  --dc-secondary-bg-hover: rgb(15 118 110 / 0.52);
  --dc-primary-btn-text: #047857;
  --dc-accent-flame: #bef264;
}

.daily-challenge-card {
  background-image: linear-gradient(to bottom right, var(--dc-card-from), var(--dc-card-to));
}

.daily-challenge-card-muted {
  color: var(--dc-card-muted);
}

.daily-challenge-card-muted-subtle {
  color: var(--dc-card-muted-subtle);
}

.daily-challenge-blob {
  background-color: var(--dc-blob-deep);
}

.daily-challenge-secondary {
  background-color: var(--dc-secondary-bg);
}

.daily-challenge-secondary:hover {
  background-color: var(--dc-secondary-bg-hover);
}

.daily-challenge-primary-btn {
  color: var(--dc-primary-btn-text);
}

.daily-challenge-accent-flame {
  color: var(--dc-accent-flame);
}

/** Inline course lesson banner (above lesson body; same palette as dashboard card). */
.daily-challenge-course-banner {
  isolation: isolate;
}

/** Completed check-in: muted strip (Tailwind utilities on element; no gradient). */
.daily-challenge-course-banner--done {
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}