/* ========================================================== PRESTIGE LAWN SERVICE — THEME Every color, font and shape token the site uses lives here. Change a value in this file and it updates everywhere — the homepage, the quote tool, and any new page that links this stylesheet. Nothing else needs to be touched. HOW TO RESKIN - Swap the 7 "brand palette" colors for a new look. --turf is the dominant field color, --blade is the one bright accent (buttons, highlights), --sun is the second accent (used sparingly — banners, price emphasis). - --f is the one typeface. Swap the Google Fonts in each page's to match if you change it. - Everything under "component tokens" just points back at the brand palette — edit those if you want e.g. buttons to use a different brand color than links do, without touching the palette itself. ========================================================== */ :root{ /* ---------- brand palette ---------- Green and gold are pulled from the actual logo file (sampled: leaf #006B39, swirl #FFB611), then eased back to the site's deep/muted register instead of the logo's full saturation — so the mark still looks unmistakably like a lighter, brighter version of the same green rather than a mismatched color. */ --turf:#1A3E25; /* grass in shade — the dominant field */ --turf-mid:#245936; --turf-lit:#317D4D; /* the same blade leaning to the sun */ --blade:#63C58C; /* new growth — the one bright note */ --sun:#D9A441; /* late light / the logo's gold — used sparingly */ --chalk:#F4F6F1; /* limestone dust, the light ground */ --white:#FFFFFF; /* ---------- neutrals ---------- */ --slate:#48545B; /* the Wasatch at distance */ --ink:#141A12; --ink-dim:#5A6456; --ink-mute:#8E978A; --line:#DDE3D8; --line-soft:#EAEFE6; /* lighter than --line — dividers on white cards */ --line-dark:#2E4A29; /* ---------- tints (light backgrounds derived from the palette) ---------- */ --turf-tint:#ECF5EF; /* selected/hover state on light UI */ --turf-tint-line:#CFE0C6; --sun-tint:#FBF3E7; /* warm note / callout background */ --sun-tint-line:#E8D5C2; /* ---------- utility (status colors, not brand) ---------- */ --error:#A63A2B; /* ---------- typography ---------- */ --f:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --display:var(--f); /* headline typeface — separate token in case a page wants a different one */ --mono:'SF Mono',ui-monospace,Menlo,Consolas,monospace; /* ---------- layout / shape ---------- */ --pad:clamp(56px,7vw,104px); --radius-sm:9px; --radius-md:11px; --radius-lg:16px; --shadow-card:0 4px 22px rgba(28,33,25,.07); --shadow-pop:0 24px 60px rgba(0,0,0,.28); --focus-ring:rgba(26,62,37,.14); /* faint turf ring for focus/selected states */ }