/* ═══════════════════════════════════════════════
   Block Theme Colors
   Applied via [data-theme="<color>"] attribute
   on offer-banner, stats-strip, feature-tabs,
   and icon-card-grid blocks.
   ═══════════════════════════════════════════════ */

/* ── Color palette definitions ── */
[data-theme="blue"] {
  --t:        #007BC1;
  --t-light:  #4da6d9;
  --t-dark:   #004a75;
  --t-pale:   #e8f4fb;
  --t-rgb:    0,123,193;
}
[data-theme="orange"] {
  --t:        #c2410c;
  --t-light:  #fb923c;
  --t-dark:   #7c2d12;
  --t-pale:   #fff3ed;
  --t-rgb:    194,65,12;
}
[data-theme="emerald"] {
  --t:        #1a6b3c;
  --t-light:  #22c55e;
  --t-dark:   #0e4923;
  --t-pale:   #ecfdf5;
  --t-rgb:    26,107,60;
}
[data-theme="violet"] {
  --t:        #6d28d9;
  --t-light:  #a78bfa;
  --t-dark:   #4c1d95;
  --t-pale:   #f3f0ff;
  --t-rgb:    109,40,217;
}
[data-theme="green"] {
  --t:        #2d6a30;
  --t-light:  #52ab33;
  --t-dark:   #143d16;
  --t-pale:   #edf7e9;
  --t-rgb:    45,106,48;
}
[data-theme="teal"] {
  --t:        #0d9488;
  --t-light:  #2dd4bf;
  --t-dark:   #115e59;
  --t-pale:   #f0fdfa;
  --t-rgb:    13,148,136;
}

/* ── Offer Banner ── */
.cv-offer[data-theme] {
  background: linear-gradient(135deg, var(--t) 0%, var(--t-dark) 100%);
}
.cv-offer[data-theme] .cv-offer__pulse {
  background: radial-gradient(circle, rgba(var(--t-rgb), 0.4) 0%, transparent 70%);
}
.cv-offer[data-theme] .cv-offer__tag {
  color: var(--t);
}

/* ── Stats Strip ── */
.cv-stats[data-theme] .cv-stats__number {
  background: linear-gradient(135deg, var(--t) 0%, var(--t-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Feature Tabs ── */
.pp-tabs[data-theme] .section-badge {
  background: rgba(var(--t-rgb), 0.08);
  color: var(--t);
}
.pp-tabs[data-theme] .pp-tabs__tab--active {
  border-left-color: var(--t);
}
.pp-tabs[data-theme] .pp-tabs__panel-stat strong {
  color: var(--t);
}

/* ── Icon Card Grid (light bg) ── */
.icon-card-grid[data-theme] .section-badge,
.features[data-theme] .section-badge {
  background: rgba(var(--t-rgb), 0.08);
  color: var(--t);
}
.icon-card-grid[data-theme] .icon-card-grid__card:hover {
  border-color: rgba(var(--t-rgb), 0.2);
}
.features[data-theme] .feature-card__icon {
  background: rgba(var(--t-rgb), 0.08);
  color: var(--t);
}

/* ── Section badge (on-dark variant) ── */
[data-theme] .section-badge--on-dark {
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.9);
}