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

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

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

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

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

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

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

:root {
  --ink: #10151f;
  --blue: #075bff;
  --blue-dark: #0546c7;
  --blue-soft: #edf4ff;
  --blue-line: #c5d8ff;
  --yellow: #ffd429;
  --white: #ffffff;
  --gray-100: #f5f7fb;
  --gray-200: #e8edf5;
  --gray-400: #8a93a6;
  --gray-600: #5a6275;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 28px rgba(16, 21, 31, 0.08);
  --shadow-soft: 0 4px 16px rgba(7, 91, 255, 0.12);
  --container: 1756px;
  --header-h: 78px;
  --font: "Montserrat", "Segoe UI", system-ui, sans-serif;
}