:root {
  --perla-black: #151515;
  --perla-black-soft: #101010;
  --perla-white: #ffffff;
  --perla-paper: #f3f3f3;
  --perla-text: #1f1f24;
  --perla-muted: #97979b;
  --perla-purple: #8d5094;
  --perla-blue: #3264cc;
  --perla-border: rgba(0, 0, 0, .12);
  --perla-header-bg: var(--perla-black);
  --perla-header-panel: #111111;
  --perla-header-text: #f7f4f7;
  --perla-header-muted: #a5a2a7;
  --perla-page-bg: #ffffff;
  --perla-page-text: #1f1f24;
  --perla-menu-height: 95px;
  --perla-topbar-height: 96px;
}

html[data-theme="light"] {
  --perla-header-bg: #ffffff;
  --perla-header-panel: #f8f8f8;
  --perla-header-text: #969696;
  --perla-header-muted: #b3b3b3;
  --perla-page-bg: #ffffff;
  --perla-page-text: #2a2a2f;
  --perla-border: rgba(0, 0, 0, .1);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --perla-page-bg: #0f0f10;
  --perla-page-text: #f1eef3;
  --perla-border: rgba(255, 255, 255, .14);
}

html[data-theme="green"] {
  --perla-header-bg: #4c6e28;
  --perla-header-panel: #5e8138;
  --perla-header-text: #ffffff;
  --perla-header-muted: rgba(255, 255, 255, .72);
  --perla-page-bg: #4c6e28;
  --perla-page-text: #ffffff;
  --perla-border: rgba(255, 255, 255, .2);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--perla-page-bg);
  color: var(--perla-page-text);
  font-family: "agenda", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
}

body.is-menu-open {
  overflow: hidden;
}

img {
	display: block;
	max-width: 100%;
	height: auto !important;
}


a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

#content {
	width: 100%;
	margin: 0 auto;
}

.content-overlap {
  position: relative;
  z-index: auto;
}

.language-switch__flag {
	border: #ccc 1px solid;
}

@media (max-width: 900px) {
  :root {
    --perla-menu-height: 78px;
    --perla-topbar-height: 72px;
  }

  #content {
    width: min(100% - 32px, 760px);
    padding-top: 32px;
  }
}