.theme__sun {
  --bg-body: #fff;
  --color-body: #000;
  --color-image-email: invert(0);

  --gradient-blue: linear-gradient(135deg, #45a0e0, #98c6e7);
  --bg-header: #ecf0ee;
  --border-color-category: #0000006c;
  --bg-category: #c0e1fd;
  --bg-category-hover: #385073;
  --color-category: #000;
  --bg-category-hover: #fff;

  --bg-main-banner: #fafbfc;

  --bg-sidenav: #fafbfc;
  --border-title-sidenav: #000;
  --bg-orientations: #ecf0ee;
  --color-orientations: #000;
  --color-orientations-active: #f00;
  --border-orientations-active: #000;
  --border-orientations-hover: #747474;
  --color-arrow-orientations-mobile: #f00;

  --color-title-primary: #45a0e0;
  --color-p-primary: rgba(0, 0, 0, 0.7);
  --color-citacao: #fff;
  --color-title-orientation: #000;
  --color-attributes-orientation: #fff;
  --border-attributes-orientation: #185f92;
  --bg-seeMore-orientation: #385073;
  --bg-seeMore-orientation-hover: #26364f;
  --color-seeMore-orientation: #fff;

  --color-title-contact: #000;
  --bg-email-contact: #385073;
  --bg-email-contact-hover: #26364f;
  --color-email-contact: #fff;

  --bg-pdfs: #fafbfc;
  --color-title-pdfs: #000;

  --color-footer: #fff;
}

.theme__moon {
  --bg-body: #040f24;
  --color-body: #fff;
  --color-image-email: invert(1);

  --gradient-blue: linear-gradient(135deg, #0f5586, #092438);
  --bg-header: #000000;
  --border-color-category: #acacaca9;
  --bg-category: #436c91;
  --bg-category-hover: #2f486e;
  --color-category: #ffffffe5;

  --bg-main-banner: #040f24;

  --bg-sidenav: #000;
  --border-title-sidenav: #fff;
  --bg-orientations: #38435f;
  --color-orientations: #fff;
  --color-orientations-active: rgb(255, 208, 0);
  --border-orientations-active: rgb(255, 208, 0);
  --border-orientations-hover: #fff;
  --color-arrow-orientations-mobile: rgb(255, 208, 0);

  --color-title-primary: rgb(255, 208, 0);
  --color-p-primary: #ffffffb3;
  --color-citacao: #fff;
  --color-title-orientation: #fff;
  --color-attributes-orientation: #fff;
  --border-attributes-orientation: rgb(255, 208, 0);
  --bg-seeMore-orientation: #385073;
  --bg-seeMore-orientation-hover: #26364f;
  --color-seeMore-orientation: #fff;

  --color-title-contact: #000;
  --bg-email-contact: #385073;
  --bg-email-contact-hover: #26364f;
  --color-email-contact: #fff;

  --bg-pdfs: #000;
  --color-title-pdfs: #fff;

  --color-footer: #fff;
}