:root{
--bg:#8e493c;
--bg2:#c86f5a;
--accent:#f1c7bb;
--surface:#c86f5a;
--text:#ffffff;
--muted:#f1c7bb;
--line:rgba(255,255,255,.22);
--radius:22px;
--font-body:"Lato", "Segoe UI", Arial, sans-serif;
--font-heading:"Lato", "Segoe UI", Arial, sans-serif;
--heading-weight:300;
--hero-photo-scale:1.080;
--hero-photo-scale-mobile:1.050;
--hero-photo-x:50%;
--hero-photo-y:44%;
--hero-photo-x-mobile:100%;
--hero-photo-y-mobile:0%;
--marquee-duration:48s;
--button-text:#8e493c;
--light-bg:#ffffff;
--light-text:#8e493c;
--brand-main:var(--bg2);
--brand-dark:var(--bg);
--brand-soft:var(--surface);
--brand-light:var(--accent);
}
body{
background:
radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 27%),
radial-gradient(circle at 8% 78%,color-mix(in srgb,var(--bg2) 52%,transparent),transparent 38%),
linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 78%,var(--bg2)) 52%,var(--bg) 100%);
font-family:var(--font-body)
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(color-mix(in srgb,var(--accent) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(135deg,#0009,transparent 72%);mask-image:linear-gradient(135deg,#0009,transparent 72%);opacity:.30}
.csp-insights{--blog-bg:#ffffff;--blog-surface:#f1c7bb;--blog-accent:#c86f5a;--blog-text:#8e493c}