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

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

:root {
  --color-primary: #003bf1;
  --color-primary-hover: #164fff;
  --color-secondary: #a37aef;
  --color-secondary-dark: #7b55d9;
  --color-text: #231f20;
  --color-text-muted: #5c5e5c;
  --color-heading: #073e5a;
  --color-background: #ffffff;
  --color-surface: #f6f8f7;
  --color-surface-strong: #eef3fb;
  --color-border: #dfe5ee;
  --color-success: #72a233;
  --color-warning: #85704d;
  --color-danger: #c6313d;
  --color-focus: #003bf1;

  --font-heading: Montserrat, Arial, Helvetica, sans-serif;
  --font-body: Montserrat, Arial, Helvetica, sans-serif;

  --font-size-base: 16px;
  --line-height-base: 1.65;

  --border-radius-small: 6px;
  --border-radius-medium: 8px;
  --border-radius-large: 14px;

  --shadow-soft: 0 16px 45px rgba(0, 59, 241, 0.12);
  --shadow-card: 0 10px 30px rgba(35, 31, 32, 0.08);
  --shadow-focus: 0 0 0 4px rgba(0, 59, 241, 0.18);

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;

  --container-width: 1180px;
  --container-padding: clamp(1rem, 4vw, 2rem);
  --header-height: 76px;
}