/* ========================================================================= tailwind-lite.css --------------------------------------------------------------------- A small, hand-written utility stylesheet covering exactly the utility class names used across index.html / services.html / about.html / contact.html — modeled on Tailwind CSS's naming and default scale. WHY THIS EXISTS INSTEAD OF THE TAILWIND CDN SCRIPT: This environment's network policy blocks arbitrary external hosts (cdn.tailwindcss.com, fonts.googleapis.com, the npm registry, etc.), so a CDN-loaded framework would render unstyled here — and the Tailwind Play CDN is documented as "not intended for production" even where the network is open. Shipping the utilities as a local file keeps the site fully self-contained: no build step, no CDN, works offline, works behind any firewall, loads instantly. If this project later adopts a real build step, this file can be swapped for an actual Tailwind CLI/PostCSS build without touching the HTML — the class names here are standard Tailwind names. ========================================================================= */ /* --------------------------------------------------------------------- Design tokens (mirrors assets/css/styles.css :root — repeated here so this file has no load-order dependency on styles.css) ------------------------------------------------------------------- */ :root { --c-primary: 15, 23, 42; /* #0F172A */ --c-onprimary: 255, 255, 255; /* #FFFFFF */ --c-secondary: 30, 41, 59; /* #1E293B */ --c-accent: 22, 163, 74; /* #16A34A */ --c-accenthover: 21, 128, 61; /* #15803D */ --c-background: 2, 6, 23; /* #020617 */ --c-foreground: 248, 250, 252; /* #F8FAFC */ --c-muted: 26, 30, 47; /* #1A1E2F */ --c-border: 51, 65, 85; /* #334155 */ --c-destructive: 220, 38, 38; /* #DC2626 */ --c-warning: 245, 158, 11; /* #F59E0B */ } /* --------------------------------------------------------------------- box-sizing: the single most load-bearing reset in any Tailwind-style system. Without it, every element that combines an explicit width (w-full) with padding/border (the contact form's inputs, in particular) renders wider than declared — padding/border ADD to the width instead of being carved out of it. Confirmed via computed styles: inputs were overflowing their column by ~34px, silently absorbed by the grid gap at this layout's current breakpoints, but one narrower viewport or bigger gap change away from a visible overflow bug. ------------------------------------------------------------------- */ *, ::before, ::after { box-sizing: border-box; } /* --------------------------------------------------------------------- Minimal Preflight-equivalent reset --------------------------------------------------------------------- Tailwind's real Preflight neutralizes the browser's default UA styling for form controls (buttons in particular ship with an opaque light background and dark text in every browser). Without it, any