/* Optional reference palette; existing themes and the Hub shell are untouched. */
.style-preview[data-style="olive"],
.mobile-preview[data-style="olive"],
.public-quiz-card[data-style="olive"] {
  --quiz-bg: #f6f2ea;
  --quiz-bg-alt: #ffffff;
  --quiz-ink: #2b2a26;
  --quiz-muted: #6b675d;
  --quiz-accent: #5f6a4b;
  --quiz-accent-text: #ffffff;
  --quiz-track: #ebe3d3;
  --quiz-option-bg: #ffffff;
  --quiz-option-border: #d9d2c4;
  --quiz-option-selected: #ebe3d3;
  --quiz-option-dot: #ebe3d3;
}

/* These legacy decorations use fixed orange values in the base stylesheet. */
:is(.style-preview, .mobile-preview, .public-quiz-card)[data-style="olive"]
  :is(.loading-orb, .processing-orb, .complete-orb) {
  background: var(--quiz-accent);
  color: var(--quiz-accent-text);
  box-shadow: 0 0 0 14px var(--quiz-track);
}
:is(.style-preview, .mobile-preview, .public-quiz-card)[data-style="olive"]
  :is(.processing-track, .preview-processing-track) { background: var(--quiz-track); }
:is(.style-preview, .mobile-preview, .public-quiz-card)[data-style="olive"]
  :is(.processing-track, .preview-processing-track) > i { background: var(--quiz-accent); }

.olive-swatch,
.template-preview-olive-cream {
  background: #f6f2ea;
  color: #2b2a26;
}

.olive-swatch { border: 1px solid #ebe3d3; }
.template-preview-olive-cream i { background: #5f6a4b; box-shadow: 0 10px 0 #ebe3d3; }
.template-preview-olive-cream b { font-family: "Newsreader", Georgia, serif; }
.template-preview-olive-cream em {
  display: grid;
  place-items: center;
  width: 34px;
  height: 26px;
  border-radius: 999px;
  background: #5f6a4b;
  color: #ffffff;
}