/* ============================================================ SHELL & SKY — light beach colour style. Selected in Swell Settings → Style. When active, header.php drops data-style="shell-sky" on and every template omits the `ed--dark` modifier (see swell_ed_dark_class()), so the `.ed` editorial layout falls back to its light/paper styling. This file remaps the brand tokens to the cool shell-white / pale-aqua / ocean-navy palette, restores the section-by-section colour rhythm, fixes a couple of light-theme legibility gaps, and routes a handful of legacy hardcoded-coral literals through the new accent so no stray orange survives. The hero, footer and press marquee stay the dark navy "bookends" in both styles, unchanged here. ============================================================ */ html[data-style="shell-sky"] { --ink: #123244; --ink-soft: #34566a; --paper: #eef4f3; --paper-2: #e0eae9; --paper-deep: #c9dad9; --cream: #f8fbfa; --bone: #eef5f4; --night: #0c2a3a; --night-2: #123a4e; --teal: #12a6b8; --teal-deep: #0d8395; --teal-pale: #8fd3db; --coral: #0b7e8d; /* accent — deep teal, not orange */ --coral-deep: #086573; --coral-glow: rgba(11,126,141,0.28); --hairline: rgba(18,50,68,0.16); } /* ---- per-section colour rhythm (top → bottom) ---- No two adjacent light sections share a tone. */ html[data-style="shell-sky"] .ed-sports { background: #f9fcfc; } html[data-style="shell-sky"] .ed-stay { background: #edf4f3; } html[data-style="shell-sky"] .ed-loc { background: #f9fcfc; } html[data-style="shell-sky"] .ed-gal { background: #dcecee; } html[data-style="shell-sky"] .ed-rev { background: #f9fcfc; } html[data-style="shell-sky"] .ed-faq { background: #edf4f3; } html[data-style="shell-sky"] .ed-cta--tag { background: #c9e3e6; } /* nav slab — a deep tone of the palette over the hero photo */ html[data-style="shell-sky"] .nav { background: rgba(12,42,58,0.52); } /* inline highlight links read the reversed-link colour site-wide; the pale teal used on dark grounds washes out on light ones */ html[data-style="shell-sky"][data-links="reversed"] .swell-link { color: var(--teal-deep); } /* ---- light-theme legibility fixes ---- The "ghost numeral" section eyebrow (.ed-knum) and its divider (.ed-krule) are always white — correct on the dark surface, invisible on this light one. */ html[data-style="shell-sky"] .ed-kicker--icon .ed-knum { color: var(--teal-deep); opacity: 0.34; } html[data-style="shell-sky"] .ed-kicker--icon .ed-krule { background: var(--teal-deep); opacity: 0.4; } /* ---- route legacy hardcoded coral literals through the accent ---- These predate the --coral token and stay orange regardless of the accent/style in effect unless recoloured explicitly. */ html[data-style="shell-sky"] .ed-rev__chip.is-on { background: color-mix(in srgb, var(--coral) 12%, transparent); } html[data-style="shell-sky"] .ed-cta__wstatus.is-tight { background: color-mix(in srgb, var(--coral) 12%, transparent); } html[data-style="shell-sky"] .ed-ticket__stamp { box-shadow: 0 8px 22px color-mix(in srgb, var(--coral) 40%, transparent); } html[data-style="shell-sky"] .ed-ticket__body::before { background-image: repeating-linear-gradient(46deg, rgba(13,53,55,0.04) 0 1px, transparent 1px 7px), repeating-linear-gradient(-46deg, rgba(13,53,55,0.032) 0 1px, transparent 1px 9px), radial-gradient(circle at 88% 22%, color-mix(in srgb, var(--coral) 8%, transparent) 0, transparent 34%); }