/* Serenity Homes Ltd - design tokens Two homes: Edgecumbe Lodge (Downend, Bristol) and Gnoll Nursing Home (Neath). Tier: Homely. Preset: "Serenity" (preset 7). Type set T2 "Letter": Lora + Source Sans 3. PALETTE: THE ELM LODGE PALETTE, ADOPTED WHOLESALE (Jon, 13 Aug 2026) Three palettes were built and rejected before this one. The history matters, because it is the reason this file now borrows rather than derives: 1. Antique gold #BE965B + deep sea blue #1F5566. The gold was correct (it is the client's own colour, sampled from the live computed styles of serenity-homes.org, where it carried 76 elements). The blue was not: cold and corporate on warm paper. 2. The same gold + deep forest green #1E5A46. Rejected as well. 3. The same gold + soft slate #3D4B52, chosen by Jon from four options rendered on the real hero. Still not right once it was in place. The pattern across all three is that a second hue fights the gold rather than serving it. So rather than derive a fourth attempt, this build now uses the ELM LODGE palette exactly as shipped there: sage green with baked clay on warm paper, already proven on a finished Homely-tier site. Elm is in Eastbourne, nowhere near Bristol or Neath, so under differentiation.md this reuse is legal, and Elm already shares this build's type set (T2 Letter), which is why it transplants cleanly. The client's gold is NOT used anywhere in this palette. If it is ever reintroduced it belongs as an ornament colour only: it measures 2.55:1 on warm paper and can never carry text (their own site sets white on it at 2.73:1, which fails). Every ratio below was computed for THIS token set, not inherited on trust: ink on surface / band-tint / accent-tint 13.87 / 12.84 / 12.44 ink-soft on surface / band-tint / accent-tint 5.54 / 5.13 / 4.97 primary-ink on surface / band-tint 8.17 / 7.57 white on cta / cta-hover / primary-deep 5.47 / 6.95 / 12.54 clay-ink on surface / accent-tint 6.60 / 5.92 accent-soft on primary-deep 7.23 good on surface 6.04 Body text needs >=4.5:1 and large text >=3:1; everything above clears its floor. DISTANCE CHECK. This IS Elm's palette, deliberately, so the two sites read as siblings. Acceptable because they are not portfolio-adjacent (Eastbourne against Bristol and Neath) and because Jon asked for it explicitly. Against the rest of the log: Nightingale is laurel green + gold on cream, a cooler green with a metallic accent where ours is clay; Vitality is bright teal + terracotta; Gratwick is plum + terracotta; MG is Pantiles slate + copper on ivory. */ :root{ /* ---- palette: sage green + baked clay on warm paper (Elm Lodge) ---- */ --primary: #66875F; /* elm-leaf sage. Large surfaces, chips, icon fields. 3.10:1 on the deep band, so large text only there */ --primary-ink: #3A5237; /* darkened sage for text and links. 8.17:1 on surface */ --primary-deep: #24382A; /* deep elm. Footer, deep bands, nav on scroll. white on it 12.54:1 */ --band-tint: #EDF2E9; /* sage at ~8% over paper. The alternating band */ --accent-tint: #F6EBE2; /* soft clay band, for the warm sections */ --surface: #FBF9F4; /* warm paper, never white */ --card: #FFFFFF; --ink: #232B21; /* near black, tinted toward elm */ --ink-soft: #5E685A; /* 5.54:1 on surface, 4.97:1 on the clay band */ /* Actions. White on baked clay is 5.47:1, so buttons keep white labels. */ --cta: #A6512D; /* baked clay fill */ --cta-hover: #8F4426; /* hover deepens the fill. White label 6.95:1 */ --btn-ink: #FFFFFF; /* These names are inherited from the shared library and from earlier rounds of this build. They are kept so every ported component still resolves, and remapped onto the Elm palette rather than left pointing at retired colours. */ --sea-ink: #3A5237; /* accent TEXT on light bands, now the sage ink (8.17:1) */ --gold-ink: #8F4426; /* eyebrow and accent text, now the clay ink (6.60:1) */ --accent-line: #C6743F; /* line art and ornaments only, never text */ --accent-soft: #F2B98F; /* accent text on the deep band. 7.23:1 */ --accent-on-photo: #F0A55F;/* the italic hero word over the scrim. High chroma so it still reads as the accent against a photograph */ --good: #2E6B45; /* the rating words in the regulation blocks. 6.04:1 on surface, and deliberately quieter than either regulator's own green so we never borrow trade dress. 6.35:1 on the certificate's white card */ --mixed: #875418; /* Requires improvement on the Edgecumbe certificate. 6.34:1 on the white card, MEASURED to match --good's 6.35:1, so the weaker areas never shout louder or whisper quieter than the Good ones (22 Oct 2026) */ --rule: rgba(35,43,33,.12); --shadow-rgb: 36,56,42; --scrim: linear-gradient(180deg, rgba(36,56,42,.62) 0%, rgba(36,56,42,.50) 45%, rgba(36,56,42,.86) 100%); --scrim-deep: linear-gradient(180deg, rgba(36,56,42,.80) 0%, rgba(36,56,42,.68) 45%, rgba(36,56,42,.92) 100%); /* ---- type: T2 "Letter" ---- Unchanged. Elm shares this set, which is part of why the palette transplants so cleanly: Lora and Source Sans 3 were already carrying it there. */ --display: "Lora", Georgia, "Times New Roman", serif; --body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* ---- width system (shared across the library) ---- */ --w1: clamp(16px, 5.2vw, 92px); --w2: calc(var(--w1) * 2); --hold: 1300px; /* ---- scale: Homely - soft radius, lifted shadow, cosier density ---- */ --sp: clamp(4.4rem, 8.6vw, 6.6rem); --radius: 20px; --radius-sm: 14px; --shadow: 0 40px 80px -50px rgba(36,56,42,.5); --shadow-sm: 0 20px 44px -28px rgba(36,56,42,.4); --ease: cubic-bezier(.22,.61,.36,1); }