:root {
  --accordion-opened-bg: #cfe2ff;
  --accordion-opened-color: #052c65;
  --body-color: #212529;
  --body-color-rgb: 33, 37, 41;
  --body-bg: #fff;
  --border-color: #dee2e6;
  --code-block-bg: #f5f5f5;
  --code-color: #212529;
  --link-color: #0d6efd;
  --scrollbar-thumb: #cfd6e4;
  --secondary-color: rgba(33, 37, 41, 0.75);
  --ps-color-1: #f57f17;
  --ps-color-2: #388e3c;
  --ps-color-3: #9598a1;
  --ps-color-4: #22ab94;
  --ps-color-5: #2962ff;
  --ps-color-6: #cc2929;
  --ps-color-7: #0c3299;
  --ps-color-8: #8e24aa;
  --accordion-arrow: url(../images/icons/accordion-arrow--light.svg);
  --icon-label-display-light: block;
  --icon-label-display-dark: none;
  --image-placeholder-display-light: block;
  --image-placeholder-display-dark: none;
  --image-label-display-light: flex;
  --image-label-display-dark: none;
}

body:has(.theme__toggle:checked) {
  --accordion-opened-bg: #031633;
  --accordion-opened-color: #6ea8fe;
  --body-color: #adb5bd;
  --body-color-rgb: 173, 181, 189;
  --body-bg: #292125;
  --border-color: #495057;
  --code-block-bg: #2b3035;
  --code-color: #adb5bd;
  --link-color: #6ea8fe;
  --scrollbar-thumb: #505050;
  --secondary-color: rgba(173, 181, 189, 0.75);
  --ps-color-1: #f57f17;
  --ps-color-2: #388e3c;
  --ps-color-3: #787b86;
  --ps-color-4: #42bda8;
  --ps-color-5: #5b9cf6;
  --ps-color-6: #f77c80;
  --ps-color-7: #3179f5;
  --ps-color-8: #ba68c8;
  --accordion-arrow: url(../images/icons/accordion-arrow--dark.svg);
  --icon-label-display-light: none;
  --icon-label-display-dark: block;
  --image-placeholder-display-light: none;
  --image-placeholder-display-dark: block;
  --image-label-display-light: none;
  --image-label-display-dark: flex;
}
