:root {
  --sidebar-width: 320px;
  --right-panel-width: 500px;
  --events-card-width: 720px;

  --map-height: 360px;
  --search-width: 280px;

  --page-bg: #f4f7ef;
  --panel-bg: #eaf1e2;
  --panel-bg-stronger: #e3ecd9;
  --card-bg: #ffffff;

  --text-main: #1f2937;
  --text-mid: #384d3b;
  --text-muted: #5f6d61;
  --text-soft: #718076;
  --line-soft: #d7e1ce;
  --line-strong: #c8d4bc;
  --accent: #2f6f57;

  --shadow-card: 0 10px 28px rgba(28, 38, 24, 0.10);
  --radius-lg: 22px;
  --radius-md: 18px;
  --radius-sm: 14px;
}

/* ======================
   Nunito font family
   ====================== */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/Nunito-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/fonts/Nunito-ExtraLightItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Nunito-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Nunito-LightItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Nunito-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Nunito-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Nunito-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Nunito-MediumItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Nunito-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Nunito-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Nunito-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Nunito-BoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Nunito-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Nunito-ExtraBoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Nunito-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Nunito-BlackItalic.woff2") format("woff2");
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

a {
  color: inherit;
}

body {
  margin: 0;
  font-family: "Nunito", sans-serif;
  background: var(--page-bg);
  color: var(--text-main);
  overflow: hidden;
}