/**
 * Steen Design System — Entry Point
 *
 * Fonts (in HTML <head> einfügen):
 * <link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;700&display=swap" rel="stylesheet">
 * Halyard Display: kostenpflichtig, alternativ lokal hosten.
 */

/* ── Tokens + Typografie ── */
@import './tokens.css';
@import './typography.css';

/* ── Basis ── */
@import './components/reset.css';
@import './components/layout.css';

/* ── Navigation + Header ── */
@import './components/nav.css';
@import './components/hero.css';
@import './components/hero-slider.css';

/* ── Typografische Blöcke ── */
@import './components/section-header.css';
@import './components/intro-block.css';

/* ── Interaktive Elemente ── */
@import './components/buttons.css';
@import './components/form.css';
@import './components/tags.css';

/* ── Karten ── */
@import './components/cards.css';
@import './components/service-card.css';
@import './components/offer-card.css';
@import './components/service-offering.css';
@import './components/benefit-card.css';
@import './components/use-case-tile.css';
@import './components/challenge-card.css';
@import './components/values.css';

/* ── Sektions-Blöcke ── */
@import './components/feature-item.css';
@import './components/process.css';
@import './components/cta-banner.css';
@import './components/contact.css';
@import './components/whitepaper.css';
@import './components/faq.css';
@import './components/accordion.css';
@import './components/founder.css';

/* ── Utility / Micro ── */
@import './components/scroll-strip.css';
@import './components/quick-contact.css';
@import './components/divider.css';
@import './components/social.css';
@import './components/footer.css';

/* ── Responsive Overrides (immer zuletzt) ── */
@import './components/responsive.css';
