/* THEME — E.T. General Contractor, Inc. Brand tokens per DESIGN.md. Colors sampled from images/logo.png (navy/orange crest). Fonts loaded via Google Fonts in each page's : Archivo:wght@500;600;700 · Inter:wght@400;500;600 · Space+Mono:wght@400 */ :root { /* Brand colors */ --color-primary: #16232f; /* Navy Ink — header, bands, footer (surface, not text) */ --color-primary-dark: #0d1723; /* Navy Deep — legal strip, photo overlays */ --color-accent: #f0961e; /* Machine Orange — actions only, one per screenful */ --color-accent-dark: #d97f10; /* Orange hover/pressed */ --color-text: #1a1a1a; /* Charcoal — body text on light */ --color-text-muted: #5a6570; /* Slate Muted */ --color-bg: #ffffff; /* Paper White — cards, inputs */ --color-bg-alt: #f6f4ef; /* Bone — the warm canvas; never pure white full-page */ --color-border: #e3ded4; /* Steel Border — hairlines on light */ --color-border-dark: #2c3c4c; /* Navy Border — hairlines on navy */ --color-text-muted-dark: #aebac4; /* Cloud Muted — secondary text on navy */ --color-white: #ffffff; /* Type */ --font-heading: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: "Space Mono", ui-monospace, Menlo, monospace; /* Spacing scale */ --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2.5rem; --space-5: 4rem; --space-6: 6rem; /* Shape — sharp industrial. No radius above 8px anywhere. */ --radius: 8px; --radius-sm: 6px; --shadow-soft: 0 8px 24px rgba(13, 23, 35, 0.10); /* hover lift only — no resting shadows */ --shadow-lift: 0 12px 32px rgba(13, 23, 35, 0.14); /* hover lift only */ /* Motion */ --ease: cubic-bezier(0.4, 0, 0.2, 1); --duration: 0.4s; /* Layout */ --container-width: 1200px; --header-height: 80px; --section-pad: 80px; /* 48px under 768px — see style.css */ }