/* =========================================================
   fidelak.works – kleine Ergaenzungen zum selbst gehosteten,
   statisch gebauten Tailwind (res/tailwind.css). Kein CDN, kein
   Build-Schritt zur Laufzeit: dieses File wird von Hand gepflegt.
   ========================================================= */

html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
    color: #0f172a;
}

.font-display { font-family: 'Playfair Display', serif; }

::selection { background: #e0e7ff; color: #312e81; }

.lift-on-hover { transition: transform .25s ease, box-shadow .25s ease; }
.lift-on-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(49,46,129,0.25); }

/* Sichtbarkeit der Modals: per Klasse statt Inline-Style umgeschaltet. */
#kontakt-modal.flex, #bestell-modal.flex { display: flex; }

section { scroll-margin-top: 6rem; }