/**
 * Betzuki Design System
 * Font Definitions - Retro Theme
 * Version 1.0
 *
 * Clean, professional fonts for a warm brown/orange retro pub quiz UI.
 */

/* ============================================
   IBM PLEX SANS + IBM PLEX MONO
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;600&display=swap');

/* ============================================
   CUSTOM FONT CLASSES
   ============================================ */

.font-arcade {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0.02em;
}

.font-display {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0.01em;
}

.font-body {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-bold {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0.02em;
}

.font-technical {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
}

/* ============================================
   FONT WEIGHT UTILITIES
   ============================================ */

.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

/* ============================================
   TEXT TRANSFORM UTILITIES
   ============================================ */

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.normal-case { text-transform: none; }

/* ============================================
   LETTER SPACING UTILITIES
   ============================================ */

.tracking-tight { letter-spacing: -0.02em; }
.tracking-normal { letter-spacing: 0; }
.tracking-wide { letter-spacing: 0.04em; }
.tracking-wider { letter-spacing: 0.08em; }
.tracking-widest { letter-spacing: 0.12em; }