/* Shared faces for static HTML pages (terms, privacy, refund, and the rest).
   The React app declares the same files in public/index.html — webpack rewrites
   %PUBLIC_URL% there, so these pages cannot share that block. Keep the family
   names and the weight ranges in step with index.html and --font-ui / --font-display. */

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope-latin-wght-normal.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces-latin-opsz-wght-normal.woff2') format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces-latin-opsz-wght-italic.woff2') format('woff2');
  font-weight: 600 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces Text Fallback';
  src: local('Georgia Bold'), local('Georgia-Bold');
  font-weight: 600 700;
  font-style: normal;
  size-adjust: 89.8%;
  ascent-override: 108.9%;
  descent-override: 28.4%;
  line-gap-override: 0%;
}

:root {
  --font-ui: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Fraunces', 'Fraunces Text Fallback', Georgia, 'Times New Roman', serif;
}

body {
  font-family: var(--font-ui);
}

h1, h2 {
  font-family: var(--font-display);
  font-optical-sizing: auto;
}