/* VÉRA — palette, type scale and the light that moves through the house. The site tells one day: we arrive in daylight, walk the rooms through the golden afternoon, reach the terrace at golden hour and leave at blue hour. That is a single custom-property set swapped on , so nothing recolours the photography — only the paper the photographs are printed on, the rules between them and the UI ink. */ :root { /* --- the eight colours the brief fixes ------------------------------- */ --chalk: #F5F1E9; --stone: #D8CDBD; --limestone: #B9AA96; --olive: #4A5141; --charcoal: #242522; --sea: #7797A1; --warm-white: #FBF9F4; --night: #17202A; /* --- ambience: daylight, the first state ------------------------------ */ --page: var(--warm-white); --ink: var(--charcoal); --ink-2: #5C5B54; --rule: rgba(36, 37, 34, .16); --rule-2: rgba(36, 37, 34, .30); --accent: var(--olive); --panel: var(--warm-white); /* --- type ------------------------------------------------------------- */ --serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif; --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; /* display sizes: one fluid ramp, used sparingly and very large */ --d1: clamp(3.2rem, 11.5vw, 11rem); --d2: clamp(2.6rem, 8.2vw, 7.6rem); --d3: clamp(2.1rem, 5.4vw, 4.4rem); --body: clamp(1rem, 1.05vw, 1.18rem); --label: clamp(.62rem, .72vw, .72rem); /* --- measure and rhythm ---------------------------------------------- */ --gut: clamp(1.25rem, 4.4vw, 4.5rem); --ease: cubic-bezier(.22, .61, .28, 1); --slow: cubic-bezier(.16, .84, .28, 1); } /* afternoon — the interior chapters. Paper warms, rules soften. */ :root[data-amb="afternoon"] { --page: var(--chalk); --rule: rgba(36, 37, 34, .18); } /* golden hour — master, bath, terrace. Paper takes the sun. */ :root[data-amb="golden"] { --page: #F1E7D6; --ink: #2A2822; --ink-2: #64604F; --rule: rgba(74, 81, 65, .26); --accent: #6B6242; } /* blue hour — pool, the drawing, the archive. The warmth drains out. */ :root[data-amb="dusk"] { --page: #DCD8CE; --ink: #232A2F; --ink-2: #55605F; --rule: rgba(35, 42, 47, .24); --accent: #55707A; } /* night — the inquiry and the last exterior. */ :root[data-amb="night"] { --page: var(--night); --ink: #EFEAE0; --ink-2: #97A3A9; --rule: rgba(239, 234, 224, .20); --rule-2: rgba(239, 234, 224, .38); --accent: var(--sea); --panel: #1D2731; }