:root.theme-light {
  --primary-color: #ff8dcb;
  --main-text-color: #353430;
  --primary-link-color: #353430;
  --secondary-link-color: #ff8dcb;
  --main-corners-color: #353535;
  --nav-color: #353430;
  --nav-hover-color: rgba(50, 49, 45, 0.4);
  --main-heading-color: #353430;
  --section-heading-color: #353430;
  --section-heading-bg-color: #ff8dcb;
  --primary-font-weight: 400;
  --secondary-font-weight: 700;
  --primary-font-family: "IBM Plex Mono";
  --primary-bg-color: #fff1f7;
  --bg-image: url("../images/cover-image-light.png");
  --section-margin-b-end: 50px;
  --section-gap: 20px;
  --header-logo-color: #ffc2e6;
  --footer-logo-color: #ffc2e6;
}

.theme-light .header__rec {
  display: none;
}

@media (prefers-color-scheme: light) {
  :root {
    --primary-color: #ff8dcb;
    --main-text-color: #353430;
    --primary-link-color: #353430;
    --secondary-link-color: #ff8dcb;
    --main-corners-color: #353535;
    --nav-color: #353430;
    --nav-hover-color: rgba(50, 49, 45, 0.4);
    --main-heading-color: #353430;
    --section-heading-color: #353430;
    --section-heading-bg-color: #ff8dcb;
    --primary-font-weight: 400;
    --secondary-font-weight: 700;
    --primary-font-family: "IBM Plex Mono";
    --primary-bg-color: #fff1f7;
    --bg-image: url("../images/cover-image-light.png");
    --section-margin-b-end: 50px;
    --section-gap: 20px;
    --header-logo-color: #ffc2e6;
    --footer-logo-color: #ffc2e6;
  }

  .header__rec {
    display: none;
  }
}