/* Optimized Font Loading with font-display: swap */

/* System Font Stack optimized for geometric sans-serif (Campton-like) */
:root {
  /* Prioritizes geometric system fonts similar to Campton */
  --font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "SF Pro Display", "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  /* Set as default */
  --font-family-primary: var(--font-family-sans);
  --font-family-secondary: var(--font-family-sans);
  --font-family-heading: var(--font-family-sans);
}

/* If using custom fonts, load them with font-display: swap */
/* Example custom font loading:
@font-face {
  font-family: 'CustomFont';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('CustomFont Regular'), local('CustomFont-Regular'),
       url('../fonts/customfont.woff2') format('woff2'),
       url('../fonts/customfont.woff') format('woff');
}

@font-face {
  font-family: 'CustomFont';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('CustomFont Bold'), local('CustomFont-Bold'),
       url('../fonts/customfont-bold.woff2') format('woff2'),
       url('../fonts/customfont-bold.woff') format('woff');
}
*/

/* Google Fonts with display=swap parameter */
/* If using Google Fonts, add &display=swap to the URL:
   Example: https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap */