@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.css");

:root {
  --kd-blue: #007bd9;
  --kd-blue-hover: #0066b8;
  --kd-sky: #9cc1e7;
  --kd-sky-light: #e2ecf5;
  --kd-cream: #f9f9f8;
  --kd-white: #ffffff;
  --kd-text: #222222;
  --kd-text-muted: #757170;
  --kd-text-body: #333333;
  --kd-border: #d6d6d6;
  --kd-border-light: #e4e2e2;
  --kd-dark: #2b2b2b;
  --kd-radius-lg: 24px;
  --kd-radius-md: 16px;
  --kd-radius-sm: 8px;
  --kd-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  --kd-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.08);
  --kd-nav-height: 59px;
  --kd-max-width: 1200px;
  --kd-font: "Geist", system-ui, -apple-system, sans-serif;
  --kd-font-heading: "Manrope", var(--kd-font);
  --kd-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --kd-bp-tablet: 810px;
  --kd-bp-desktop: 1200px;
  --kd-scroll-offset: calc(var(--kd-nav-height) + 12px);
  --kd-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}