/* FitPower — theme presets & site video section
   Added by admin-panel update. Default (no data-theme) keeps the original look 1:1. */

/* ---------- theme presets (accent color system) ---------- */
[data-theme='emerald'] {
  --acc-rgb: 46, 226, 122;
  --yellow: #2ee27a; --yellow2: #6cf2a5; --yellow-dim: rgba(var(--acc-rgb), .12);
  --glow: 0 0 40px rgba(var(--acc-rgb), .12);
}
[data-theme='crimson'] {
  --acc-rgb: 255, 77, 94;
  --yellow: #ff4d5e; --yellow2: #ff8090; --yellow-dim: rgba(var(--acc-rgb), .12);
  --glow: 0 0 40px rgba(var(--acc-rgb), .12);
}
[data-theme='azure'] {
  --acc-rgb: 77, 163, 255;
  --yellow: #4da3ff; --yellow2: #83c1ff; --yellow-dim: rgba(var(--acc-rgb), .12);
  --glow: 0 0 40px rgba(var(--acc-rgb), .12);
}
[data-theme='violet'] {
  --acc-rgb: 160, 107, 255;
  --yellow: #a06bff; --yellow2: #c09aff; --yellow-dim: rgba(var(--acc-rgb), .12);
  --glow: 0 0 40px rgba(var(--acc-rgb), .12);
}
[data-theme='orange'] {
  --acc-rgb: 255, 122, 26;
  --yellow: #ff7a1a; --yellow2: #ffa254; --yellow-dim: rgba(var(--acc-rgb), .12);
  --glow: 0 0 40px rgba(var(--acc-rgb), .12);
}

/* ---------- intro video section (only rendered when a video is set in the panel) ---------- */
.video-wrap {
  position: relative;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: #000;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .55);
}
.video-wrap video,
.video-wrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}