:root {

  --default-box-height: 68dvh;
  
  --company-logo: url('../../assets/logos/optipet_alt_color_1.svg');
  --dm-company-logo: url('../../assets/logos/optipet_alt_color_2.svg');

  --body-bg-light: #f3f8fc;
  --body-bg: #1b222f;
  --body-bg-light-opacity: #f3f8fcd4;
  --body-bg-opacity: #1b222fe3;
  --body-bg-secondary-light-opacity: rgba(255, 255, 255, 0.86);
  --body-bg-secondary-opacity: rgba(62, 90, 135, 0.72);
  
  --box-bg: #243145;

  --box-border: #516584;
  --box-border-selected: #99b0d4;
  --box-border-light: #afafaf;
  --box-border-light-selected:rgb(110, 110, 110);

  --box-input-bg: #29384f;
  --box-input-border: #445676;

  --sidebar-button-active-bg: #E5F0FF;
  --sidebar-button-hover-bg: #F5F9FF;

  --dm-sidebar-button-active-bg: #718ebd;
  --dm-sidebar-button-hover-bg: #2b3b53;
  
  --summary-bg: #dae2ee;
  --summary-border: #274c8963;
  --summary-color: #274C89;
  --dm-summary-bg: #34445f;
  --dm-summary-border: #8097bd;
  
  --button-bg: #274C89;
  --button-hover-bg: #1a3767;
  --dm-button-bg: #718ebd;
  --dm-button-hover-bg: #90aad3;

  --button-small-light-text: #1f385f;
  --button-small-text: #1f385f;
  --button-small-light-bg: #dae2ee;
  --button-small-bg: #3a4e6f;
  --button-small-hover-bg: #cbd6e8;
  --dm-button-small-hover-bg: #556c94;
  --dm-button-small-bg: #364764;

  --dm-agenda-day-bg: #28364c;
  --dm-agenda-day-bg-hover: #32435d;

  --button-small-img-filter: invert(22%) sepia(37%) saturate(2248%) hue-rotate(194deg) brightness(97%) contrast(86%);
  --dm-button-small-img-filter: invert(1);

  --uploader-container-bg: rgba(39, 76, 137, 0.06);
  --uploader-container-bg-hover: rgba(39, 76, 137, 0.12);
  --dm-uploader-container-bg: rgba(136, 136, 136, 0.06);
  --dm-uploader-container-bg-hover: #29384f;

  --button-add-value-light: #f2f6fb;
  --button-add-value: #394b67;
  
  --selected-radio: #5574a8;
  --hovered-radio: #718ebd;

  --button-gray-bg: #e0e6ed;
  --dm-button-gray-bg: #40526e;
  --button-gray-bg-hover: #c6ced7;
  --dm-button-gray-bg-hover: #596f93;

  --scrollbar: #bcc5d3;
  --dm-scrollbar: #334159;
  
  --default-border-radius: 6px;
  --default-secondary-border-radius: 4px;
  --default-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.12);
  --default-box-shadow-bottom: 0px 6px 0px 0px rgba(0, 0, 0, 0.12);
  --default-box-shadow-right: 6px 0px 0px 0px rgba(0, 0, 0, 0.12);
  
  --internal-content-light-gradient-top: linear-gradient(0deg, rgba(243,248,252,0) 0%, rgba(243,248,252,0.7027604987307423) 32%, rgba(243,248,252,1) 100%);
  --internal-content-gradient-top: linear-gradient(0deg, rgba(27,34,47,0) 0%, rgba(27,34,47,0.6495392102153361) 50%, rgba(27,34,47,1) 100%);
  --internal-content-light-gradient-bottom: linear-gradient(0deg, rgba(243,248,252,1) 0%, rgba(243,248,252,0.7027604987307423) 32%, rgba(243,248,252,0) 100%);
  --internal-content-gradient-bottom: linear-gradient(0deg, rgba(27,34,47,1) 0%, rgba(27,34,47,0.6495392102153361) 50%, rgba(27,34,47,0) 100%);
  
  --filter-blue-light: invert(22%) sepia(37%) saturate(2248%) hue-rotate(194deg) brightness(97%) contrast(86%);
  --filter-blue: invert(88%) sepia(19%) saturate(1148%) hue-rotate(181deg) brightness(100%) contrast(108%);
}