/* Custom fonts: headings/body/nav = Geist */

/* Geist variable font (covers 100–900) */
@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist/Geist-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Geist static fallbacks for browsers that don’t support variable fonts */
@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist/static/Geist-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist/static/Geist-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist/static/Geist-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --font-nav: 'Geist', ui-sans-serif, system-ui, sans-serif;
}

/* Top bar and dropdown: Geist (light weight) */
.topbar,
.topbar .nav,
.topbar .nav .brand,
.topbar .navlinks,
.topbar .nav-dropdown,
.topbar .nav-dropdown-menu,
.topbar .actions {
  font-family: var(--font-nav);
  font-weight: 300;
}

/* Same font, bold: dropdown triggers, dropdown links, subheadings, top bar buttons */
.topbar .nav-dropdown-trigger,
.topbar .nav-dropdown-trigger-text,
.topbar .nav-dropdown-menu a,
.topbar .nav-dropdown-menu .nav-dropdown-subhead,
.topbar .actions .btn {
  font-family: var(--font-nav);
  font-weight: 700;
}

/* Top bar primary button: white background to match hero CTA */
.topbar .actions .btn.primary {
  background: #fff;
  color: var(--text);
  border-color: var(--border);
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.topbar .actions .btn.primary:hover {
  background: rgba(255, 249, 246, 0.95);
  border-color: rgba(249, 115, 22, 0.3);
  box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.12);
}
