/* Conport skin — overrides Jobick's default (skin-1) palette with the Conport brand */
:root {
  --primary: #ea9423;
  --secondary: #4d4d4d;

  --rgba-primary-1: rgba(234, 148, 35, 0.1);
  --rgba-primary-2: rgba(234, 148, 35, 0.2);
  --rgba-primary-3: rgba(234, 148, 35, 0.3);
  --rgba-primary-4: rgba(234, 148, 35, 0.4);
  --rgba-primary-5: rgba(234, 148, 35, 0.5);
  --rgba-primary-6: rgba(234, 148, 35, 0.6);
  --rgba-primary-7: rgba(234, 148, 35, 0.7);
  --rgba-primary-8: rgba(234, 148, 35, 0.8);
  --rgba-primary-9: rgba(234, 148, 35, 0.9);
}

.bg-primary { background-color: var(--primary) !important; }
.text-primary { color: var(--primary) !important; }
.btn-primary { background-color: var(--primary); border-color: var(--primary); }

/* Jobick's bg-clr-* step-card accents are hardcoded hex, not CSS vars — retint to the Conport palette */
.bg-clr-sky { background: #ea9423; }
.bg-clr-sky .count { -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: #ea9423; }
.bg-clr-pink { background: #4d4d4d; }
.bg-clr-pink .count { -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: #4d4d4d; }
.bg-clr-green { background: #cc7815; }
.bg-clr-green .count { -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: #cc7815; }