/**
 * Fonts CSS - Web Font Declarations
 * Uses system fonts as fallback if web fonts aren't available
 */

/* Custom font classes that use system fonts for testing */
@font-face {
  font-family: 'TestFontRegular';
  src: local('DejaVu Sans'),
       local('Arial'),
       local('Helvetica'),
       local('sans-serif');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TestFontBold';
  src: local('DejaVu Sans Bold'),
       local('Arial Bold'),
       local('Helvetica Bold'),
       local('sans-serif');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* If you have actual web fonts, uncomment and update these */
/*
@font-face {
  font-family: 'TestFontRegular';
  src: url('../fonts/test-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

/* Font utility classes */
.font-test-regular {
  font-family: 'TestFontRegular', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
}

.font-test-bold {
  font-family: 'TestFontBold', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
}

/* Additional font utilities */
.font-size-xs { font-size: 0.75rem; }
.font-size-sm { font-size: 0.875rem; }
.font-size-base { font-size: 1rem; }
.font-size-lg { font-size: 1.125rem; }
.font-size-xl { font-size: 1.25rem; }
.font-size-2xl { font-size: 1.5rem; }
.font-size-3xl { font-size: 1.875rem; }
.font-size-4xl { font-size: 2.25rem; }

.leading-none { line-height: 1; }
.leading-tight { line-height: 1.25; }
.leading-snug { line-height: 1.375; }
.leading-normal { line-height: 1.5; }
.leading-relaxed { line-height: 1.625; }
.leading-loose { line-height: 2; }

.tracking-tighter { letter-spacing: -0.05em; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-normal { letter-spacing: 0; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }