body[data-palette="petrol-club"]{--ink:#102a2b;--paper:#f1e9d9;--purple:#75b7ae;--mauve:#d0dbcf;--pink:#c5a77c;--line:#d0d1c5;--accent-text:#25615b;--accent-foreground:#102a2b;--soft:#c5a77c}
body[data-palette] .hero-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 12%,transparent),color-mix(in srgb,var(--ink) 28%,transparent) 32%,color-mix(in srgb,var(--ink) 79%,transparent) 78%,var(--ink))}
body[data-palette] header{border-color:color-mix(in srgb,var(--paper) 15%,transparent)}
body[data-palette] h1>span{color:var(--purple)}
body[data-palette] .hero-bottom>a,body[data-palette] .manifesto-aside a{border-color:color-mix(in srgb,var(--pink) 55%,transparent)}
body[data-palette] .hero-bottom>a:hover{background:var(--purple);color:var(--accent-foreground)}
body[data-palette] .hero-strip{border-color:color-mix(in srgb,var(--paper) 22%,transparent)}
body[data-palette] .nav-book,body[data-palette] .ticker,body[data-palette] .event-image>span{background:var(--purple);color:var(--accent-foreground)}
body[data-palette] .nav-book:hover{background:var(--paper);color:var(--ink)}
body[data-palette] .section h2 em,body[data-palette] .photo-arrow{color:var(--accent-text)}
body[data-palette] .contact{color:var(--accent-foreground)}
body[data-palette] .contact h2 em,body[data-palette] .contact .eyebrow{color:var(--accent-foreground)}
body[data-palette] .contact .circle-link{border-color:var(--accent-foreground);color:var(--accent-foreground)}
body[data-palette] .contact .circle-link:hover{background:var(--ink);color:var(--paper)}
body[data-palette] .contact-links a{border-color:color-mix(in srgb,var(--accent-foreground) 40%,transparent)}
body[data-palette] .submit:hover{background:var(--accent-text);color:var(--paper)}
body[data-palette] .booking-intro>p,body[data-palette] .booking-foot,body[data-palette] .form-note{color:var(--ink)}
body[data-palette] input::placeholder,body[data-palette] textarea::placeholder{color:color-mix(in srgb,var(--ink) 75%,var(--mauve))}
body[data-palette] button:focus-visible,body[data-palette] a:focus-visible,body[data-palette] input:focus-visible,body[data-palette] textarea:focus-visible,body[data-palette] select:focus-visible{outline-color:var(--accent-text)}
body[data-palette] .hero a:focus-visible,body[data-palette] header a:focus-visible{outline-color:var(--paper)}
body[data-palette] .hero-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 30%,transparent),color-mix(in srgb,var(--ink) 57%,transparent) 42%,color-mix(in srgb,var(--ink) 82%,transparent) 78%,var(--ink))}