/* ============================================================ MIAMI BRIDAL PHOTOS — DESIGN TOKENS ("One Evening") ============================================================ The page traverses a single evening. Four measured light stops swap these values; everything else resolves from them. Divi 5 can consume these in any colour/number field via Colour picker → CSS Variable. Define once, use everywhere. ============================================================ */ :root{ --haze:#D6DEDC; --sand:#E3C9A6; --dusk:#123230; --night:#0A1416; --bone:#F2EFE9; --brass:#A8874F; --brass-lit:#C9A76A; --brass-deep:#6F5326; --display:"Zodiak","Iowan Old Style",Georgia,serif; --body:"Switzer","Helvetica Neue",Arial,sans-serif; --mono:"Martian Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --rail-w:76px; --gut:clamp(20px,5vw,64px); --measure:64ch; /* The long-form column. Stated in rem, not ch: ch resolves against whatever font the element itself carries, and Divi leaves .entry-content at 14px. */ --prose:44rem; --step--1:clamp(.76rem,.72rem + .18vw,.86rem); --step-0:clamp(1rem,.95rem + .25vw,1.14rem); --step-1:clamp(1.3rem,1.15rem + .7vw,1.6rem); --step-2:clamp(1.7rem,1.3rem + 1.9vw,2.7rem); --step-3:clamp(2.4rem,1.5rem + 4.2vw,5rem); --step-4:clamp(3rem,1.4rem + 7.6vw,8.5rem); --bg:var(--haze); --fg:#0F1E1D; --muted:#3E4E4C; --accent:var(--brass-deep); --rule:rgba(15,30,29,.18); /* A filled button is the one place brass carries text, so it needs its own pair. On the light stops the fill goes deeper than --accent so bone reads against it; on the dark stops the lit brass carries night ink instead. Both directions clear 8:1. */ --cta-fill:#5A421E; --cta-ink:var(--bone); } /* The four stops. Set on by evening.js. */ body[data-stop="gold"]{--bg:var(--sand);--fg:#2A1B0C;--muted:#5B452A;--accent:var(--brass-deep);--rule:rgba(42,27,12,.2)} body[data-stop="dusk"]{--bg:var(--dusk);--fg:#EDE7DC;--muted:#9DB3AF;--accent:var(--brass-lit);--rule:rgba(237,231,220,.22);--cta-fill:var(--brass-lit);--cta-ink:var(--night)} body[data-stop="night"]{--bg:var(--night);--fg:var(--bone);--muted:#8FA3A4;--accent:var(--brass-lit);--rule:rgba(242,239,233,.18);--cta-fill:var(--brass-lit);--cta-ink:var(--night)}