/* ===================================================================== OzSites — single hand-written stylesheet --------------------------------------------------------------------- Section index: 1. Reset + base 2. Theme tokens (defaults; per-site values come from :root) 3. Typography 4. Layout / containers / utility helpers 5. Header + nav (Stage 2 expands this) 6. Footer (Stage 2) 7. Forms + buttons 8. Block library — section heading + utilities 9. Blocks — Rich text 10. Print styles 11. Reduced-motion / a11y overrides ===================================================================== */ /* ---- 1. Reset + base -------------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; line-height: 1.15; } body { margin: 0; background: hsl(var(--background, 0 0% 100%)); color: hsl(var(--foreground, 0 0% 12%)); font-family: var(--font-sans, system-ui, sans-serif); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.55; } img, video, picture { max-width: 100%; height: auto; display: block; } button, input, select, textarea { font: inherit; color: inherit; } a { color: hsl(var(--primary, 174 78% 22%)); text-decoration-thickness: 1px; text-underline-offset: 2px; } a:hover { text-decoration: none; } /* Visible keyboard focus across the app — match Lovable behaviour exactly. */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: none; box-shadow: 0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--accent, 45 92% 60%)); } /* ---- 2. Theme tokens (defaults — per-site overrides via inline