@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  scroll-behavior: smooth;
}

.marquee-viewport {
  -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
  mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
}

/* Premium-Hintergrund: kein Muster/Korn, sondern gedaempfte (nie reine) Grundfarbe plus
   zwei sehr weiche, grossflaechige Marken-Gruen-Glows als ambiente Lichtstimmung - das
   Prinzip, das echte High-End-Marken (Porsche, Rolex) statt sichtbarer Texturen nutzen:
   ruhige, tief abgestufte Flaeche + Licht statt Dekor. */
.page-texture {
  background-color: #f6f5f0;
  background-image:
    radial-gradient(ellipse 900px 700px at 92% -8%, rgba(107, 166, 38, 0.06), transparent 60%),
    radial-gradient(ellipse 800px 650px at -8% 100%, rgba(107, 166, 38, 0.05), transparent 55%);
  background-repeat: no-repeat;
}

.dark .page-texture {
  background-color: #0a0b07;
  background-image:
    radial-gradient(ellipse 900px 700px at 92% -8%, rgba(146, 212, 68, 0.13), transparent 60%),
    radial-gradient(ellipse 800px 650px at -8% 100%, rgba(146, 212, 68, 0.1), transparent 55%);
  background-repeat: no-repeat;
}
