:root {
  --app-accent: #ff4d8f;
  --app-primary: #0d2d6f;
  --app-primary-dark: #0a1f55;
  --app-bg: #0d2d6f;
  --app-radius: 16px;
  --app-shadow: 0 4px 24px rgba(0,0,0,.18);
}

/* ── Per-CPT accent colours (matched by data-cpt attribute) ── */
[data-cpt="vp_food"]         { --tab-accent: #ff4d8f; --cpt-accent: #ff4d8f; }
[data-cpt="vp_staycation"]   { --tab-accent: #0ea5e9; --cpt-accent: #0ea5e9; }
[data-cpt="vp_realestate"]   { --tab-accent: #22c55e; --cpt-accent: #22c55e; }
[data-cpt="vp_interiors"]    { --tab-accent: #a855f7; --cpt-accent: #a855f7; }
[data-cpt="vp_furniture"]    { --tab-accent: #f97316; --cpt-accent: #f97316; }
[data-cpt="vp_clothing"]     { --tab-accent: #ec4899; --cpt-accent: #ec4899; }
[data-cpt="vp_construction"] { --tab-accent: #f59e0b; --cpt-accent: #f59e0b; }
[data-cpt="vp_agronics"]     { --tab-accent: #84cc16; --cpt-accent: #84cc16; }
[data-cpt="vp_gazebo"]       { --tab-accent: #06b6d4; --cpt-accent: #06b6d4; }

/* ── Tab icon gets colored background when active ── */
.o2s-app-tab { color: #fff !important; opacity: 1 !important; }
.o2s-app-tab .o2s-app-tab__name { color: #fff !important; }
.o2s-app-tab:not(.is-active) { opacity: .7 !important; }
.o2s-app-tab.is-active { opacity: 1 !important; color: #fff !important; }
.o2s-app-tab.is-active .o2s-app-tab__icon {
  background: var(--tab-accent, #fff);
  border-radius: 50%;
  padding: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}