@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&family=Sora:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  --bearlet-font-main: 'Sora', sans-serif;
  --bearlet-font-display: 'Space Grotesk', 'Sora', sans-serif;
  --bearlet-font-tech: 'Oxanium', 'Sora', sans-serif;
  --bearlet-font-mono: 'Space Mono', monospace;
}

/* Main website typography */
body,
body p,
body a,
body button,
body .framer-text {
  font-family: var(--bearlet-font-main) !important;
}

/* Framer rich text and headings */
body h1,
body h2,
body h1.framer-text,
body h2.framer-text {
  font-family: var(--bearlet-font-main) !important;
  letter-spacing: -0.035em;
}

/* Section headings */
body h3,
body h4 {
  font-family: var(--bearlet-font-display) !important;
}

/* Technical and monospace elements */
body code,
body pre,
body kbd,
body samp {
  font-family: var(--bearlet-font-mono) !important;
}

/* Framer font variables */
body .framer-text {
  --framer-font-family: 'Sora';
  --framer-font-family-bold: 'Sora';
}

/* Responsive adjustments */
@media (max-width: 767px) {
  body h1,
  body h2 {
    letter-spacing: -0.025em;
  }
}