/* Local font faces - no external CDNs */
/* Note: Place the .woff2 files in assets/fonts and adjust paths if needed */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Inter-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Inter-600.woff2') format('woff2');
}
@font-face {
  font-family: 'BebasNeue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/BebasNeue.woff2') format('woff2');
}
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Allura-Regular.woff2') format('woff2');
}

/***** Tailwind helpers *****/
.font-body { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji'; }
.font-display { font-family: 'BebasNeue', 'Inter', sans-serif; }
.font-script { font-family: 'Allura', cursive; }

/* Hero background helper to use bigbild.png with gradients */
.hero-bg::before {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(ellipse at 30% 40%, rgba(0, 224, 199, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(210, 107, 40, 0.15) 0%, transparent 50%), url('../images/bigbild.png');
  background-size: cover; background-position: center; background-repeat: no-repeat;
  opacity: 0.25; transform: scale(1.06);
}