/* Colour presets use the six existing editable colour values. The current
   neutral design retains its original CSS; other presets tint every section. */
body[data-color-palette]:not([data-color-palette="current"]){--palette-muted:color-mix(in srgb,var(--ink) 72%,var(--paper));--palette-line:color-mix(in srgb,var(--ink) 24%,transparent);--palette-dark-muted:color-mix(in srgb,var(--paper) 76%,var(--ink));background:var(--paper);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.opening,footer){background:var(--ink);color:var(--paper)}
body[data-color-palette]:not([data-color-palette="current"]) .header{background:color-mix(in srgb,var(--ink) 83%,transparent);border-color:color-mix(in srgb,var(--paper) 26%,transparent);color:var(--paper)}
body[data-color-palette]:not([data-color-palette="current"]) .header :is(nav a,.language-links a){color:var(--paper)}
body[data-color-palette]:not([data-color-palette="current"]) .language-links a[aria-current="page"]{border-color:var(--coral)}
body[data-color-palette]:not([data-color-palette="current"]) .header-contact{background:transparent;color:var(--paper);border-color:var(--coral)}
body[data-color-palette]:not([data-color-palette="current"]) .header-contact:hover{background:var(--yellow);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) .button.dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}
body[data-color-palette]:not([data-color-palette="current"]) .button.lime{background:var(--yellow);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) .button.white{background:var(--paper);border-color:var(--turquoise);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) .button:hover{background:var(--coral);border-color:var(--coral);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) .welcome-ribbon{background:var(--yellow);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.welcome-ribbon>span,.amenities i,.note-number){color:var(--turquoise);border-color:var(--turquoise)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.intro-copy>p,.portrait figcaption,.little-photo figcaption,.fact-bubbles span){color:var(--palette-muted)}
body[data-color-palette]:not([data-color-palette="current"]) .portrait{background:var(--lilac)}
body[data-color-palette]:not([data-color-palette="current"]) .little-photo{background:var(--yellow)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.fact-bubbles,.fact-bubbles>div+div,.amenities){border-color:var(--palette-line)}
body[data-color-palette]:not([data-color-palette="current"]) .studios{background:var(--lilac);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.studios .eyebrow,.section-heading>p,.studio-story>p,.booking-note){color:var(--palette-muted)}
body[data-color-palette]:not([data-color-palette="current"]) .studio-tabs{border-color:var(--palette-line)}
body[data-color-palette]:not([data-color-palette="current"]) .studio-tabs button{color:var(--ink);border-color:transparent}
body[data-color-palette]:not([data-color-palette="current"]) .studio-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink);border-color:var(--turquoise)}
body[data-color-palette]:not([data-color-palette="current"]) .studio-tabs button:hover{color:var(--ink);border-color:var(--turquoise)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.studio-pane,.studio-story,.studio-film){background:var(--paper);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) .room-number{color:var(--turquoise)}
body[data-color-palette]:not([data-color-palette="current"]) .text-link{color:var(--ink);border-color:var(--turquoise)}
body[data-color-palette]:not([data-color-palette="current"]) .destination{background:var(--yellow);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) .destination-word{color:var(--coral)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.destination-copy>p,.place-notes p,.destination-pictures figcaption){color:var(--palette-muted)}
body[data-color-palette]:not([data-color-palette="current"]) .destination-pictures{background:var(--paper)}
body[data-color-palette]:not([data-color-palette="current"]) .destination-stamp{background:var(--ink);color:var(--paper);border-color:var(--yellow);box-shadow:0 0 0 7px var(--yellow)}
body[data-color-palette]:not([data-color-palette="current"]) .place-notes>div{border-color:var(--palette-line)}
body[data-color-palette]:not([data-color-palette="current"]) .contact{background:var(--paper);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.contact .eyebrow,.contact-main>p:not(.eyebrow),.contact address span){color:var(--palette-muted)}
body[data-color-palette]:not([data-color-palette="current"]) .contact address strong{color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.contact address,.contact address>div){border-color:var(--palette-line)}
body[data-color-palette]:not([data-color-palette="current"]) .contact-map iframe{border-color:var(--palette-line);background:var(--lilac)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.supporter,.footer-word){color:var(--paper)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.supporter .eyebrow,.footer-contact h2,.footer-verses .hajduk-highlight){color:var(--coral);text-shadow:none}
body[data-color-palette]:not([data-color-palette="current"]) :is(.footer-contact span,.footer-contact small,.footer-bottom){color:var(--palette-dark-muted)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.footer-contact a:hover,.footer-editor:hover){color:var(--coral)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.supporter,.footer-bottom,.footer-contact){border-color:color-mix(in srgb,var(--paper) 24%,transparent)}
body[data-color-palette]:not([data-color-palette="current"]) .footer-verses{background:color-mix(in srgb,var(--coral) 10%,transparent);border-color:color-mix(in srgb,var(--coral) 60%,transparent);box-shadow:none}
body[data-color-palette]:not([data-color-palette="current"]) .footer-verses p{color:var(--paper)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.gallery-dialog,.gallery-toolbar button){background:var(--paper);color:var(--ink);border-color:var(--palette-line)}
body[data-color-palette]:not([data-color-palette="current"]) .gallery-dialog figcaption{color:var(--palette-muted)}
body[data-color-palette]:not([data-color-palette="current"]) :is(.gallery-arrow:hover,.hero-controls button:hover){background:var(--turquoise);border-color:var(--paper);color:white}
body[data-color-palette]:not([data-color-palette="current"]) .whatsapp-float{background:var(--paper);border-color:var(--lilac);color:var(--ink)}
body[data-color-palette]:not([data-color-palette="current"]) .whatsapp-float:hover{background:var(--yellow);color:var(--ink)}

/* The navy option adds substantial deep-blue sections. */
body[data-color-palette="navy"]:not([data-color-palette="current"]) :is(.studios,.contact){background:var(--ink);color:var(--paper)}
body[data-color-palette="navy"]:not([data-color-palette="current"]) :is(.studios .eyebrow,.studios .section-heading>p,.booking-note,.contact .eyebrow,.contact-main>p:not(.eyebrow),.contact address span){color:#ccdaea}
body[data-color-palette="navy"]:not([data-color-palette="current"]) .studio-tabs button{color:var(--paper)}
body[data-color-palette="navy"]:not([data-color-palette="current"]) .studio-tabs button:hover{color:var(--paper);border-color:var(--coral)}
body[data-color-palette="navy"]:not([data-color-palette="current"]) .studio-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
body[data-color-palette="navy"]:not([data-color-palette="current"]) :is(.studio-tabs,.contact address,.contact address>div){border-color:#ffffff40}
body[data-color-palette="navy"]:not([data-color-palette="current"]) .contact address strong{color:var(--paper)}
body[data-color-palette="navy"]:not([data-color-palette="current"]) .contact .button.dark{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}