/* ===================================================================== ENZEE CONSTRUCTION — STYLESHEET ===================================================================== CSS controls how the HTML looks: colors, spacing, fonts, layout. Each rule looks like this: selector { property: value; } The "selector" says WHAT to style (a tag, a class like .hero, or an id like #booking). The properties inside the { } say HOW to style it. TIP: To change the site's main color, just change the --primary and --primary-dark values below — every button, link, and accent color is built from those two variables. ===================================================================== */ /* ---------- 1. VARIABLES (change these to re-theme the whole site) ---------- */ :root { --primary: #3b6e91; /* steel blue — main brand color */ --primary-dark: #2c5470; /* darker steel blue, used for hover states */ --dark: #2e3b45; /* dark slate, used for headings/footer */ --gray: #57636b; /* slate gray, used for body text */ --light-bg: #eef2f5; /* light slate-tinted section background */ --white: #ffffff; --radius: 10px; --max-width: 1150px; } /* ---------- 2. RESET / BASE STYLES ---------- Browsers apply their own default spacing to things like and