/* BookArc Component System — v2 Entry point. Import this single file in Razor layouts. All partials live in components/primitives/ and components/features/. @import order matters: 1. tokens — custom properties must be defined before use 2. base — reset + utilities 3. primitives — standalone, reusable atoms 4. features — composed, page-section components */ /* Inter (body + headings) from Google Fonts; Reckless (display) self-hosted via fonts.css */ @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&family=DM+Mono:wght@400;500&display=swap'); /* Drop-cap display faces (Text Content Section). Loading these @font-face rules is cheap: browsers only fetch the .woff2 when a matching glyph is rendered, so a page without a drop cap downloads none of them. Italics — used by the initial. */ @import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@1,400..600&family=DM+Serif+Display:ital@1&family=EB+Garamond:ital,wght@1,400..600&family=Fraunces:ital,opsz,wght@1,9..144,400..600&family=Playfair+Display:ital,wght@1,400..700&display=swap'); @import "fonts.css"; @import "tokens.css"; @import "base.css"; /* Primitives */ @import "components/primitives/button.css"; @import "components/primitives/input.css"; @import "components/primitives/badge.css"; @import "components/primitives/avatar.css"; @import "components/primitives/tabs.css"; @import "components/primitives/toggle.css"; @import "components/primitives/pill.css"; @import "components/primitives/pagination.css"; @import "components/primitives/tooltip.css"; /* Features */ @import "components/features/hero.css"; @import "components/features/callout.css"; @import "components/features/card.css"; @import "components/features/testimonial.css"; @import "components/features/pricing.css"; @import "components/features/faq.css"; @import "components/features/steps.css"; @import "components/features/comparison.css"; @import "components/features/countdown.css"; @import "components/features/banner.css"; @import "components/features/logo-wall.css"; @import "components/features/icon-item.css"; @import "components/features/social-links.css"; @import "components/features/newsletter.css"; @import "components/features/app-store-buttons.css"; @import "components/features/buy-buttons.css"; @import "components/features/book-landing-hero.css"; @import "components/features/book-cover.css"; @import "components/features/text-content.css"; @import "components/features/quote.css"; @import "components/features/statement.css"; /* ── Themes — opt-in presets; activate by putting a .theme-{name} class on a page ancestor (e.g. ). Inert until that class exists. ── */ @import "themes/parchment.css"; @import "themes/midnight.css"; @import "themes/scifi.css"; @import "themes/romance.css"; @import "themes/riviera.css";