/**
 * Sartho ID Card Fonts
 * 
 * Self-hosted fonts for digital card generation.
 * To use custom fonts:
 * 1. Add your .woff2 files to /public/fonts/
 * 2. Uncomment the @font-face rules below
 * 
 * For production, download font files from:
 * - https://fonts.google.com (Google Fonts)
 * - https://fonts.bunny.net (Bunny Fonts - offline version)
 * 
 * Place .woff2 files in public/fonts/ directory:
 * - public/fonts/inter-regular.woff2
 * - public/fonts/inter-medium.woff2
 * - public/fonts/inter-bold.woff2
 * - public/fonts/inter-black.woff2
 */

/* Primary font for card - using system fonts as default for reliability */
:root {
  --card-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Custom font-face rules (uncomment when you have font files)
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
*/

/* Card-specific font styles */
.sartho-card {
  font-family: var(--card-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font weight classes for card */
.card-font-regular {
  font-weight: 400;
}

.card-font-medium {
  font-weight: 500;
}

.card-font-bold {
  font-weight: 700;
}

.card-font-black {
  font-weight: 900;
}