/* ============================================
   JR Mobile Diesel Repair — ce-fonts.css
   Google Fonts Import + Typography System
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

/* Font scale */
.ce-display-1 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(3.5rem, 9vw, 7rem);
  letter-spacing: 0.04em;
  line-height: 0.95;
}
.ce-display-2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.5rem, 6vw, 5rem);
  letter-spacing: 0.04em;
  line-height: 1;
}
.ce-h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.8rem, 7vw, 5.5rem);
  letter-spacing: 0.04em;
  line-height: 1.05;
}
.ce-h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2rem, 4vw, 3.2rem);
  letter-spacing: 0.04em;
  line-height: 1.1;
}
.ce-h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.ce-body-lg {
  font-family: 'Lora', serif;
  font-size: 1.1rem;
  line-height: 1.8;
}
.ce-body {
  font-family: 'Lora', serif;
  font-size: 1rem;
  line-height: 1.75;
}
.ce-body-sm {
  font-family: 'Lora', serif;
  font-size: 0.875rem;
  line-height: 1.7;
}
.ce-caption {
  font-family: 'Lora', serif;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.ce-label {
  font-family: 'Lora', serif;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
}
.ce-mono {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.9rem;
}