/* ============================================================================ Shield Infotech — shared site chrome styles Loaded on every page via partials/head.php. Contains ONLY the cross-page chrome: design tokens, reset, nav + mobile menu, footer, fade-up utility, grain overlay, and the floating widgets (sound toggle, page-wipe, custom cursor, WhatsApp button). Page-specific layout CSS stays inline per page. ========================================================================== */ :root { /* Dark UA widgets/scrollbars sitewide (Gallery already ships this) — without it, Windows shows a white page scrollbar against the near-black canvas. */ color-scheme: dark; --bg: #020204; --text-main: #ffffff; --text-muted: #8892b0; --accent: #d8b4fe; --accent-dim: rgba(216, 180, 254, 0.15); --font-head: 'Syncopate', sans-serif; --font-body: 'Rajdhani', sans-serif; --font-num: 'Orbitron', sans-serif; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } ::selection { background: rgba(216,180,254,0.28); color: #fff; } /* Touch-scroll fix: pages inline `overflow-x: hidden` on AND . On that promotes it to a scroll container, so mobile momentum scroll STICKS on a down->up->down direction reversal (must lift finger to resume). `clip` kills the same horizontal overflow WITHOUT creating a scroll container. !important because the per-page inline