/* ============================================================================= Smart Page - shared design system (theme.css) ----------------------------------------------------------------------------- One stylesheet that all Smart Page pages link. It provides: 1. DESIGN TOKENS - surfaces, text, borders, shadows, radii, spacing. Light by default; a `[data-theme="dark"]` block flips the whole suite to dark. The per-business BRAND color (--brand / --brand2 / --accent) is independent of the light/dark mode, so a business's color drives accents on either background. 2. BASE + RESET - typography, links, form controls, focus rings, scrollbars - so every page starts polished. 3. SHARED PARTS - top bar, buttons, cards/panels, stat tiles, badges, pills, bars, tables, theme toggle. Pages may still add page-specific rules in their own