/* IMPACT-rood merksmaak bovenop audio-hub.css (Horizon-ontwerpsysteem 1c:
   zelfde layout, componenten en tokens; alleen logo en primair kleuraccent
   wisselen per smaak). Kleuren uit werkomgeving/branding.py: accent #E60012,
   CTA-verloop 118deg donker->anker->licht, warme amber-gloed als tegenkleur.
   Laden NA audio-hub.css, op zowel de login- als de hoofdpagina. */
:root {
  --brand-indigo: #E60012;
  --brand-indigo-hover: #C4000F;
  --brand-indigo-soft: rgba(230, 0, 18, .08);
  --brand-indigo-softer: rgba(230, 0, 18, .04);
  --grad-cta: linear-gradient(118deg, #8f0009 0%, #e60012 52%, #ff6a4d 100%);
  --brand-cyan: #FFC466;
  --brand-cyan-deep: #B8790B;
  --brand-cyan-soft: rgba(255, 196, 102, .16);
}

/* schaduwen en gloed staan hardcoded (indigo) in audio-hub.css; hier de rode variant */
.btn--primary { box-shadow: 0 10px 24px -10px rgba(143, 0, 9, .45); }
.btn--primary:hover { box-shadow: 0 14px 30px -10px rgba(143, 0, 9, .6); }
.sb-cta { box-shadow: 0 10px 24px -10px rgba(143, 0, 9, .5); }
.sb-cta:hover { box-shadow: 0 14px 30px -10px rgba(143, 0, 9, .62); }
.magic-btn { box-shadow: 0 12px 28px -10px rgba(143, 0, 9, .5); }
.magic-btn:hover { box-shadow: 0 16px 34px -10px rgba(143, 0, 9, .62); }
.login-brand::after { background: radial-gradient(circle, rgba(255, 196, 102, .45), transparent 70%); }
.tab.is-active { box-shadow: 0 6px 16px -8px rgba(230, 0, 18, .45); }