:root {
  --mgf-main-primary: #223035;
  --mgf-main-accent: #3d5259;
  --mgf-mini-primary: #3d5a52;
  --mgf-mini-accent: #6b7f77;
  --mgf-cream: #f5f1ed;
  --mgf-taupe: #5a524c;
  --mgf-taupe-light: #a39d96;
  --mgf-white: #ffffff;
  --mgf-main-radius: 8px;
  --mgf-mini-radius: 16px;
  --mgf-pill-radius: 999px;
  --mgf-shadow-soft: 0 18px 54px rgba(34, 48, 53, 0.08);
  --mgf-shadow-mini: 0 18px 54px rgba(61, 90, 82, 0.08);
  --mgf-shadow-card: 0 20px 50px rgba(34, 48, 53, 0.09);
  --mgf-border-main: rgba(34, 48, 53, 0.15);
  --mgf-border-mini: rgba(61, 90, 82, 0.12);
  --mgf-main-width: 1280px;
  --mgf-mini-width: 1220px;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  background: #fdfbf9;
  color: var(--mgf-taupe);
  text-rendering: optimizeLegibility;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

body.mgf-mini-context {
  font-family: 'Manrope', sans-serif;
}

body.mgf-main-context {
  font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.mgf-heading-main {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
}

.mgf-heading-mini {
  font-family: 'Cormorant Garamond', serif;
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-flex;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: normal;
  text-transform: none;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
