/**
 * Prustaz brand accent overrides
 * --------------------------------
 * V2 templates still use legacy mint utility classes (#61ffa6, #71FFBB, etc.).
 * This file maps those to the active brand palette without editing templates.
 *
 * To retheme the site: change the :root variables below. If you switch to a
 * different hue, also update --prustaz-accent-border and --prustaz-accent-tint.
 */

:root {
  /* Primary accent — logo cyan / teal */
  --prustaz-accent: #44e3fd;
  /* Soft mint — eyebrows, CTA fills, stat cards (matches legacy #71FFBB) */
  --prustaz-accent-soft: #68f1cc;
  --prustaz-accent-hover: #2ad4f5;

  /* Buttons & filled surfaces — same hue as section labels */
  --prustaz-cta-bg: var(--prustaz-accent-soft);
  --prustaz-cta-bg-hover: var(--prustaz-accent);
  --prustaz-cta-fg: #000000;
  --prustaz-on-accent-fg: #000000;

  /* Tints derived from accent (adjust rgb if hue changes) */
  --prustaz-accent-border: rgb(104 241 204 / 0.35);
  --prustaz-accent-tint: rgb(104 241 204 / 0.12);
}

/* ── Legacy mint backgrounds → CTA fill ─────────────────────────────────── */

.bg-\[\#61ffa6\],
.bg-\[\#61FFA6\],
.bg-\[\#71FFBB\] {
  background-color: var(--prustaz-cta-bg) !important;
  color: var(--prustaz-cta-fg) !important;
}

a.bg-\[\#61ffa6\]:hover,
a.bg-\[\#61FFA6\]:hover,
a.bg-\[\#71FFBB\]:hover,
a.hover\:bg-\[\#4ee693\]:hover,
a.hover\:bg-\[\#4de893\]:hover,
a.hover\:bg-\[\#61ffa6\]:hover {
  background-color: var(--prustaz-cta-bg-hover) !important;
  color: var(--prustaz-cta-fg) !important;
}

.bg-\[\#71FFBB\]\/5 {
  background-color: var(--prustaz-accent-tint) !important;
}

/* ── Brand accent text (eyebrows, matrix titles, lifecycle Labs label) ─── */

.text-\[\#71FFBB\],
.text-\[\#4ade80\],
.text-green-400,
.text-green-500 {
  color: var(--prustaz-accent-soft) !important;
}

/* ── Emerald utilities — inline emphasis in body copy only ──────────────── */

.text-emerald-400,
.text-emerald-500,
.text-emerald-600 {
  color: var(--prustaz-accent) !important;
}

a.hover\:text-emerald-500:hover,
a.hover\:text-emerald-600:hover {
  color: var(--prustaz-accent) !important;
}

.text-\[\#0C462D\] {
  color: var(--prustaz-on-accent-fg) !important;
}

/* ── Accent markers & chips ─────────────────────────────────────────────── */

.bg-green-400,
.bg-green-500 {
  background-color: var(--prustaz-accent-soft) !important;
}

.bg-green-500\/80 {
  background-color: rgb(104 241 204 / 0.8) !important;
}

.bg-green-500\/20 {
  background-color: rgb(104 241 204 / 0.2) !important;
}

.border-\[\#71FFBB\]\/30 {
  border-color: var(--prustaz-accent-border) !important;
}

/* ── Theme helpers (defined in prustaz-theme.css) ───────────────────────── */

.dr-matrix-card::after {
  background: var(--prustaz-accent-soft) !important;
}

.challenge-body li::marker,
.challenge-body strong {
  color: var(--prustaz-accent) !important;
}

.block-mint-1,
.block-mint-2 {
  background: var(--prustaz-accent-soft) !important;
}

/* Simple-hero eyebrow dot on dark heroes (legacy #71ffbb) */
.prustaz-simple-hero--dark .prustaz-simple-hero__eyebrow-dot,
.prustaz-simple-hero--black .prustaz-simple-hero__eyebrow-dot,
.prustaz-simple-hero--blue .prustaz-simple-hero__eyebrow-dot,
.prustaz-simple-hero--purple .prustaz-simple-hero__eyebrow-dot,
.prustaz-simple-hero--deep-purple .prustaz-simple-hero__eyebrow-dot {
  background-color: var(--prustaz-accent-soft) !important;
}

/* Optional simple-hero mint variants */
.prustaz-simple-hero--mint,
.prustaz-simple-hero--mint-bright {
  background-color: var(--prustaz-cta-bg) !important;
  color: var(--prustaz-on-accent-fg) !important;
}