/*
 * Holdfort shared CSS — self-hosted fonts + common base.
 * Loaded on every page via <link rel="stylesheet" href="/assets/site.css">.
 *
 * Replaces the Google Fonts CDN dependency. The two variable fonts together
 * weigh ~82 KB vs ~150-250 KB through the Google Fonts redirect chain,
 * and remove a render-blocking cross-origin request.
 */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/fonts/Inter-Variable.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/fonts/Fraunces-Variable.woff2') format('woff2-variations');
}

/* Italic variant of Fraunces is folded into the variable font via the slnt axis,
 * but if the renderer expects an italic face explicitly, fall back to oblique. */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/fonts/Fraunces-Variable.woff2') format('woff2-variations');
  font-feature-settings: 'kern' 1, 'liga' 1;
}

/* Minimal shared base — every page also has its own inline <style> that
 * extends/overrides this. Keep this file deliberately small and stable. */
:root {
  --navy: #1B1F3B;
  --purple: #7C3AED;
  --bg: #F5EFE5;
  --border: #E3DACB;
  --text: #3B3428;
  --text-light: #7A6E5B;
  --text-dark: #1F1A12;
  --green: #25D366;
  --green-hover: #1EB954;
  --brass: #C9A24E;
  --brass-deep: #A6832E;
  --cream-card: #FBF7EF;
}

/* Modest CSS reset — most pages already do this in their inline styles, this
 * is a safety net for pages that haven't been regenerated. */
*, *::before, *::after {
  box-sizing: border-box;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headlines default to Fraunces */
h1, h2, h3, .logo, .hero h1, .demo-title, .faq h2 {
  font-family: 'Fraunces', Georgia, serif;
  letter-spacing: -0.01em;
}