/* * Author: The Vi * Created: 2026-09-09 * Purpose: System-wide styles loaded on EVERY page that extends layouts.app * (public/app.css). Global, cross-page rules ONLY - anything page-specific * belongs in public/pages//page.css. Loaded after Tailwind (so it may * override utilities) but before page.css (so a page still wins). Theme vars * like --color-primary come from the layout . */ /* Smooth in-page scrolling site-wide (anchor links, "back to top", etc.). */ html { scroll-behavior: smooth; } /* Consistent, visible keyboard-focus ring using the app primary colour. */ :focus-visible { outline: 2px solid var(--color-primary, #1A74E5); outline-offset: 2px; } /* Accessibility: honour users who ask for reduced motion. */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } }