/* ========================================================================== Showcase Template Package — Shared Design System ("House Style") -------------------------------------------------------------------------- ONE stylesheet consumed by every template page. Pages link this file and only ADD a tiny per-template accent override block (see "Theming" below). Do NOT redefine the base structural classes in template pages. Built by worker-1 (task t-001). Framework-free, dependency-free. Contents 1. Design tokens (:root custom properties) 2. Modern CSS reset 3. Base element styles 4. Layout: .container, .section, .grid 5. Components: .card, .btn, .badge, .nav, .hero, .footer 6. Utilities: .text-center, .stack, .visually-hidden 7. Responsive breakpoints (min-width 480 / 768 / 1024) Theming (how per-template skins work) Wrap the page body in and add a SMALL inline