:root{
  --hq-primary:#0038FF;
  --hq-primary-dark:#0026B3;
  --hq-primary-mid:#315CFF;
  --hq-accent:#D6E3FF;
  --hq-accent-soft:#EDF3FF;
  --hq-bg:#F7F9FF;
  --hq-card:#FFFFFF;
  --hq-header:#FFFFFF;
  --hq-sidebar:#0026B3;
  --hq-sidebar-end:#0038FF;
  --hq-bottom-nav:#0026B3;
  --hq-text:#111827;
  --hq-muted:#667085;
  --hq-on-primary:#FFFFFF;
  --hq-on-accent:#0038FF;
  --hq-border:#D8E2FA;
  --hq-danger:#D84D61;
  --hq-success:#24865B;
}