/* ========================================================================== Kitchen Renovations Kitchener — Global Stylesheet (Redesign v2) Colours: teal accent (#6aabb8), charcoal primary (#3a3f4b) Layout: Split-screen hero, numbered services, timeline process, large-quote testimonials, pill locations, 2-col FAQ, centred footer ========================================================================== */ :root { --primary: #3a3f4b; --primary-light: #4d6070; --accent: #6aabb8; --accent-dark: #4d8fa0; --text: #1e1e1e; --text-light: #555; --bg: #ffffff; --bg-alt: #f0f5f6; --bg-dark: #1f2730; --border: #d8e4e7; --radius: 8px; --shadow: 0 4px 24px rgba(0,0,0,0.10); --shadow-lg: 0 8px 40px rgba(0,0,0,0.15); --transition: 0.25s ease; --max-width: 1140px; /* Typography */ --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif; --font-body: 'Inter', 'Segoe UI', sans-serif; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font-body); color: var(--text); background: var(--bg); line-height: 1.75; font-size: 16px; letter-spacing: 0.01em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } ul { list-style: none; } /* ---- GOOGLE FONTS: Playfair Display ---- */ /* Added via in HTML — no @import needed */ /* ---- HEADING HIERARCHY ---- */ h1, h2, h3 { font-family: var(--font-heading); letter-spacing: -0.01em; } h4, h5, h6, label, .nav-links a, .section-label, .trust-item, .sn-num, .tl-author { font-family: var(--font-body); } /* ---- NAV ---- */ /* Both
(home page) and bare