/* PBD TechCenter -- shared light-theme stylesheet for every techcenter-*.html page. Deliberately a different visual system from the rest of the (dark-themed) customer site -- this is intentional per spec. The black global header comes from nav-shared.css and is left alone; everything below it is this light theme. Include this file BEFORE nav-shared.css. */ :root { --tc-bg: #ffffff; --tc-bg-soft: #f7f7f9; --tc-card: #ffffff; --tc-border: #e5e5ea; --tc-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04); --tc-shadow-lg: 0 8px 24px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06); --tc-text: #0a0a0c; --tc-text-secondary: #4b4b55; --tc-text-muted: #6b6b76; --tc-red: #d1132e; --tc-red-dark: #a80f25; --tc-gold: #d4af5a; --tc-gold-light: #f5d78e; --tc-purple: #7c3aed; --tc-purple-dark: #5b21b6; --tc-blue: #2563eb; --tc-blue-bg: #eef4ff; --tc-amber: #b45309; --tc-amber-bg: #fef3e0; --tc-green: #15803d; --tc-green-bg: #e9f9ee; --tc-radius: 10px; --tc-radius-lg: 14px; } /* margin:0 resets the browser's default ~8px margin -- without it, html's default white background showed through as a visible white border along the top/left/right of the dark header (bottom is less noticeable since it blends into the page content below). Every other customer-site page zeroes this via a `*{margin:0}` reset in its own inline