:root,
[data-bs-theme=light] {
  --sofia-defection-dash-1: #00E5F8;
  --sofia-defection-dash-2: #00C2F9;
  --sofia-defection-dash-3: #009FFA;
  --sofia-defection-dash-4: #0079FA;
  --sofia-defection-dash-5: #005FCC;
  --sofia-defection-dash-6: #00489E;
  --sofia-defection-dash-7: #6B069F;
  --sofia-defection-dash-8: #8E06CD;
  --sofia-defection-dash-9: #B40AFC;
  --sofia-defection-dash-10: #ED0DFD;
  --sofia-defection-dash-11: #FF66FD;
  --sofia-defection-dash-12: #FFA3FC;

  --sofia-prognosis-dash-1: #FFDC3D;
  --sofia-prognosis-dash-2: #FFAC3B;
  --sofia-prognosis-dash-3: #FF6E3A;
  --sofia-prognosis-dash-4: #F60239;
  --sofia-prognosis-dash-5: #CD022D;
  --sofia-prognosis-dash-6: #A40122;
  --sofia-prognosis-dash-7: #7E0018;
  --sofia-prognosis-dash-8: #5A000F;

  --sofia-grades-dash-1: #3e95cd;
  --sofia-grades-dash-2: #8e5ea2;
  --sofia-grades-dash-3: #3cba9f;
  --sofia-grades-dash-4: #e8c3b9;
  --sofia-grades-dash-5: #c45850;

  --sofia-structure-dash-1: rgb(255, 205, 86, 1);
  --sofia-structure-dash-2: rgb(255, 159, 64, 1);
  --sofia-structure-dash-3: rgb(255, 99, 132, 1);

  --sofia-presence-dash-1: rgb(255, 99, 132);
  --sofia-presence-dash-2: rgb(255, 205, 86);
  --sofia-presence-dash-3: #3cba9f;

  --sofia-font-dash: #424242;
}

[data-bs-theme=dark] {
  --sofia-defection-dash-1: #00E5F8AA;
  --sofia-defection-dash-2: #00C2F9AA;
  --sofia-defection-dash-3: #009FFAAA;
  --sofia-defection-dash-4: #0079FAAA;
  --sofia-defection-dash-5: #005FCCAA;
  --sofia-defection-dash-6: #00489EAA;
  --sofia-defection-dash-7: #6B069FAA;
  --sofia-defection-dash-8: #8E06CDAA;
  --sofia-defection-dash-9: #B40AFCAA;
  --sofia-defection-dash-10: #ED0DFDAA;
  --sofia-defection-dash-11: #FF66FDAA;
  --sofia-defection-dash-12: #FFA3FCAA;

  --sofia-prognosis-dash-1: #FFDC3D80;
  --sofia-prognosis-dash-2: #FFAC3B80;
  --sofia-prognosis-dash-3: #FF6E3A80;
  --sofia-prognosis-dash-4: #F6023980;
  --sofia-prognosis-dash-5: #CD022D80;
  --sofia-prognosis-dash-6: #A4012280;
  --sofia-prognosis-dash-7: #7E001880;
  --sofia-prognosis-dash-8: #5A000F80;

  --sofia-grades-dash-1: #3e95cd80;
  --sofia-grades-dash-2: #8e5ea280;
  --sofia-grades-dash-3: #3cba9f80;
  --sofia-grades-dash-4: #e8c3b980;
  --sofia-grades-dash-5: #c4585080;

  --sofia-structure-dash-1: rgb(255, 205, 86, 0.6);
  --sofia-structure-dash-2: rgb(255, 159, 64, 0.6);
  --sofia-structure-dash-3: rgb(255, 99, 132, 0.6);

  --sofia-presence-dash-1: rgb(255, 99, 132, 1);
  --sofia-presence-dash-2: rgb(255, 205, 86, 0.6);
  --sofia-presence-dash-3: #3cba9f80;

  --sofia-font-dash: #eeeeee;

}