:root {
  --primary-color: #fde70e;
  --title-button-text-color: #000000;
  --title-button-bg-color: #fef387;
  --highlight-color: #fde70e;
  --success-highlight-color: #3eee73;
  --primary-bg-color: #ffffff;
  --primary-text-color: #000000;
  --nav-bg-color: #fde70e;
  --nav-text-color: #000000;
  --form-icon-color: #000000;
  --admin-bg-color: #f1f1ee;
  --input-bg-color: #ffffff;
  --page-bg-color: #ffffff;
}

html {
  font-size: 12pt;
  color: var(--nav-bg-color);
}

body * {
  font-family: 'Inter', 'sans-serif';
  font-weight: 400;
  color: var(--primary-text-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

.wrapper>.content>* {
  box-shadow: 0 4px 13px 6px rgba(0, 0, 0, 0.2);
  background-color: var(--primary-bg-color);
}

body>.background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: var(--page-bg-color);
  z-index: -5;
}