@font-face {
  font-family: "Onest";
  src: url("../assets/Onest-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --ih-color-ink: #173f54;
  --ih-color-ink-soft: #315f70;
  --ih-color-muted: #597681;
  --ih-color-teal-900: #075b61;
  --ih-color-teal-700: #087f7c;
  --ih-color-teal-500: #47b9ae;
  --ih-color-teal-200: #b9e4df;
  --ih-color-teal-100: #e8f6f4;
  --ih-color-surface: #ffffff;
  --ih-color-surface-soft: #f4faf9;
  --ih-color-surface-blue: #f2f7f9;
  --ih-color-border: #d7e5e5;
  --ih-color-border-strong: #b9d7d4;
  --ih-color-focus: #0b797e;
  --ih-shadow-card: 0 12px 38px rgba(23, 63, 84, 0.08);
  --ih-shadow-header: 0 8px 24px rgba(23, 63, 84, 0.06);
  --ih-radius-sm: 10px;
  --ih-radius-md: 14px;
  --ih-radius-lg: 20px;
  --ih-radius-pill: 999px;
  --ih-container: 1180px;
  --ih-content: 780px;
  --ih-space-section: clamp(48px, 7vw, 88px);
  --ih-header-height: 78px;
}