/* Tan Ashford Font for Headings */
@font-face {
  font-family: 'Tan Ashford';
  src: url('/fonts/tan_-_ashford-webfont.woff2') format('woff2'),
       url('/fonts/tan_-_ashford-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Homepage-specific font overrides - Tan Ashford for headings, Montserrat for body */
.homepage-fonts {
  /* Tan Ashford for headings */
  --font-display: 'Tan Ashford', 'League Spartan', Arial Black, Helvetica, sans-serif;
  
  /* Montserrat for body text (with fallbacks) */
  --font-body: 'Montserrat', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-subtitle: 'Montserrat', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  
  /* Update to new color palette from ivansgroove-brand.md colors_new */
  --ivan-charcoal: #000000;   /* Pure black (unchanged) */
  --ivan-amber: #588631;      /* Use green instead of bright yellow-green for better contrast on cream */
  --ivan-burgundy: #55292A;   /* Updated burgundy/red color */
  --ivan-sage: #588631;       /* Green (was #5f6d53) */
  --ivan-cream: #f3f1f0;      /* Light cream (was #fff6e9) */
}

/* Header background override - make header black instead of charcoal */
.homepage-fonts nav {
  background-color: rgba(0, 0, 0, 0.9) !important; /* Pure black with transparency */
}

/* Ensure header logo uses Tan Ashford font */
.homepage-fonts nav a[href="/"] {
  font-family: 'Tan Ashford', 'League Spartan', 'Arial Black', 'Helvetica', sans-serif !important;
}

/* Override all ivan color Tailwind classes to use new color palette on homepage */

/* Charcoal (Pure Black) */
.homepage-fonts .bg-ivan-charcoal {
  background-color: var(--ivan-charcoal) !important;
}
.homepage-fonts .text-ivan-charcoal {
  color: var(--ivan-charcoal) !important;
}
.homepage-fonts .border-ivan-charcoal {
  border-color: var(--ivan-charcoal) !important;
}

/* Amber (Bright Yellow-Green) */
.homepage-fonts .bg-ivan-amber {
  background-color: var(--ivan-amber) !important;
}
.homepage-fonts .text-ivan-amber {
  color: var(--ivan-amber) !important;
}
.homepage-fonts .border-ivan-amber {
  border-color: var(--ivan-amber) !important;
}

/* Burgundy (Dark Brown) */
.homepage-fonts .bg-ivan-burgundy {
  background-color: var(--ivan-burgundy) !important;
}
.homepage-fonts .text-ivan-burgundy {
  color: var(--ivan-burgundy) !important;
}
.homepage-fonts .border-ivan-burgundy {
  border-color: var(--ivan-burgundy) !important;
}

/* Sage (Green) */
.homepage-fonts .bg-ivan-sage {
  background-color: var(--ivan-sage) !important;
}
.homepage-fonts .text-ivan-sage {
  color: var(--ivan-sage) !important;
}
.homepage-fonts .border-ivan-sage {
  border-color: var(--ivan-sage) !important;
}

/* Cream (Light Cream) */
.homepage-fonts .bg-ivan-cream {
  background-color: var(--ivan-cream) !important;
}
.homepage-fonts .text-ivan-cream {
  color: var(--ivan-cream) !important;
}
.homepage-fonts .border-ivan-cream {
  border-color: var(--ivan-cream) !important;
}

/* Gradient overrides for all colors */
.homepage-fonts .from-ivan-charcoal {
  --tw-gradient-from: var(--ivan-charcoal) !important;
}
.homepage-fonts .to-ivan-charcoal {
  --tw-gradient-to: var(--ivan-charcoal) !important;
}
.homepage-fonts .via-ivan-charcoal {
  --tw-gradient-stops: var(--tw-gradient-from), var(--ivan-charcoal), var(--tw-gradient-to) !important;
}

.homepage-fonts .from-ivan-amber {
  --tw-gradient-from: var(--ivan-amber) !important;
}
.homepage-fonts .to-ivan-amber {
  --tw-gradient-to: var(--ivan-amber) !important;
}
.homepage-fonts .via-ivan-amber {
  --tw-gradient-stops: var(--tw-gradient-from), var(--ivan-amber), var(--tw-gradient-to) !important;
}

.homepage-fonts .from-ivan-burgundy {
  --tw-gradient-from: var(--ivan-burgundy) !important;
}
.homepage-fonts .to-ivan-burgundy {
  --tw-gradient-to: var(--ivan-burgundy) !important;
}
.homepage-fonts .via-ivan-burgundy {
  --tw-gradient-stops: var(--tw-gradient-from), var(--ivan-burgundy), var(--tw-gradient-to) !important;
}

.homepage-fonts .from-ivan-sage {
  --tw-gradient-from: var(--ivan-sage) !important;
}
.homepage-fonts .to-ivan-sage {
  --tw-gradient-to: var(--ivan-sage) !important;
}
.homepage-fonts .via-ivan-sage {
  --tw-gradient-stops: var(--tw-gradient-from), var(--ivan-sage), var(--tw-gradient-to) !important;
}

.homepage-fonts .from-ivan-cream {
  --tw-gradient-from: var(--ivan-cream) !important;
}
.homepage-fonts .to-ivan-cream {
  --tw-gradient-to: var(--ivan-cream) !important;
}
.homepage-fonts .via-ivan-cream {
  --tw-gradient-stops: var(--tw-gradient-from), var(--ivan-cream), var(--tw-gradient-to) !important;
}

/* Apply fonts using CSS custom properties */
.homepage-fonts .font-display {
  font-family: var(--font-display);
}

.homepage-fonts .font-body {
  font-family: var(--font-body);
}

.homepage-fonts .font-subtitle {
  font-family: var(--font-subtitle);
}

/* Specific overrides for all text elements on homepage with improved line spacing */
.homepage-fonts h1,
.homepage-fonts h2,
.homepage-fonts h3,
.homepage-fonts h4,
.homepage-fonts h5,
.homepage-fonts h6 {
  font-family: var(--font-display) !important;
  line-height: 1.3 !important; /* Better breathing space for headings */
}

.homepage-fonts p,
.homepage-fonts span,
.homepage-fonts div,
.homepage-fonts button,
.homepage-fonts a,
.homepage-fonts li,
.homepage-fonts input,
.homepage-fonts textarea,
.homepage-fonts label {
  font-family: var(--font-body) !important;
  line-height: 1.6 !important; /* Improved line spacing for body text */
}

/* Additional spacing improvements for better readability */
.homepage-fonts p {
  line-height: 1.7 !important; /* Extra spacing for paragraphs */
}

.homepage-fonts .text-xl,
.homepage-fonts .text-2xl,
.homepage-fonts .text-3xl {
  line-height: 1.4 !important; /* Medium spacing for larger text */
}

.homepage-fonts .text-sm,
.homepage-fonts .text-xs {
  line-height: 1.5 !important; /* Comfortable spacing for smaller text */
}

/* Language switcher font consistency */
.homepage-fonts nav a[href*="EN"],
.homepage-fonts nav a[href*="SR"],
.homepage-fonts nav a[href="/"],
.homepage-fonts nav a[href="/sr"],
.homepage-fonts nav span {
  font-family: var(--font-subtitle) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important; /* text-sm */
}