/* TIMPRIGHT-WEBSITE Font System
   ONLY Spectral and Lora - No other fonts
   Self-hosted for performance and consistency
*/

/* ============================================
   SPECTRAL FONT FAMILY
   Display font for headings and authority
   ============================================ */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/spectral/spectral-400.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/spectral/spectral-600.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/spectral/spectral-400-italic.woff2') format('woff2');
}

/* ============================================
   LORA FONT FAMILY
   Body font for readability and warmth
   ============================================ */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lora/lora-400.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/lora/lora-600.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lora/lora-400-italic.woff2') format('woff2');
}

/* ============================================
   CSS VARIABLES FOR CONSISTENT USAGE
   ============================================ */
:root {
  /* Primary Typography Variables */
  --font-display: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-body: 'Lora', Georgia, 'Times New Roman', serif;
  
  /* Semantic Font Assignments */
  --font-heading: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-paragraph: 'Lora', Georgia, 'Times New Roman', serif;
  --font-quote: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-caption: 'Lora', Georgia, 'Times New Roman', serif;
}