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

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

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

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

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

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

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

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

:root {
  --color-white: #ffffff;
  --color-bg: #fffdf9;
  --color-bg-soft: #f8faf6;
  --color-beige: #f7f1e9;

  --color-text: #202a25;
  --color-muted: #6f7a73;

  --color-primary: #6f9b72;
  --color-primary-dark: #547c58;
  --color-primary-light: #dfeee0;

  --color-partner: #b98967;
  --color-partner-light: #f6ebe4;

  --color-border: #e8eee8;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-xl: 42px;

  --shadow-soft: 0 18px 50px rgba(32, 42, 37, 0.08);
  --shadow-card: 0 12px 34px rgba(32, 42, 37, 0.07);

  --container: 1320px;

  --font-main: "Inter", system-ui, sans-serif;
  --font-heading: "Manrope", system-ui, sans-serif;
}