/* REINSW brand tokens — values from tokens.json (captured theme CSS evidence, D-T1-15).
   The reused UltraWave/theme CSS references brand background vars whose definitions live
   in a source token block not part of the 6 reused layers; defined here so bg-* classes
   resolve to real REINSW colours. Source gradient stops unavailable front-end-only →
   solid-colour approximation for the test (residual R-T1, refine at real migration). */
:root {
  --brand-red: #d03528;
  --teal-deep: #195366;
  --teal-darker: #003a4d;
  --green-accent: #45812f;
  --grey-color: #f5f5f5;
  --primary-color: #195366;

  --purple-gradient: #195366;      /* approximation: source uses a purple/teal diagonal */
  --teal-gradient: #195366;
  --teal-light-gradient: #2a6f80;
  --royal-blue-gradient: #003a4d;
}
.bg-purple { background: var(--purple-gradient) !important; color: #fff; }
.bg-teal { background: var(--teal-gradient) !important; color: #fff; }
.bg-teal-light { background: var(--teal-light-gradient) !important; color: #fff; }
.bg-royal-blue { background: var(--royal-blue-gradient) !important; color: #fff; }
.bg-orange { background: var(--brand-red) !important; color: #fff; }