/* The calm choice retains the original warm palette. */
.contact :is(button,a,input,select,textarea,summary):focus-visible{outline-color:#ffe4a2}
.contact .formbox :is(button,a,input,select,textarea,summary):focus-visible{outline-color:#176b79}

html[data-colour-mode="colour"]{--paper:#fffaf4;--ink:#17353e;--muted:#405660;--line:#a5bdb7;--red:#bd0027;--green:#d5eddf;--blue:#dceef9;--focus:#00665d;color-scheme:light}
html[data-colour-mode="colour"] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--focus)}
html[data-colour-mode="colour"] .header{background:#fff;border-bottom-color:var(--red)}
html[data-colour-mode="colour"] .nav a:not(.contact-link):hover,
html[data-colour-mode="colour"] .nav-more[open] summary{background:#e0f0e9;color:#144f47}
html[data-colour-mode="colour"] .nav-more-links{background:#fff;border-color:#89aaa2}
html[data-colour-mode="colour"] .nav-more-links a{color:var(--ink)}
html[data-colour-mode="colour"] .hero-art{background:#d5eaf5;border:1px solid #91b3c6;box-shadow:0 10px 28px #17353e0b}
html[data-colour-mode="colour"] .hero-art .topline{color:#16475d}
html[data-colour-mode="colour"] .hero-art .photo{filter:none}
html[data-colour-mode="colour"] .hero-art .caption{color:#385362}
html[data-colour-mode="colour"] .next{background:#fff;border:1px solid #89aaa2}
html[data-colour-mode="colour"] .trust{background:#e8f3eb;color:#294c42}
html[data-colour-mode="colour"] .trust b{color:#14584f}
html[data-colour-mode="colour"] #agenda{background:#edf4fa;border:1px solid #b5cadb;border-radius:22px;padding-top:48px;padding-bottom:48px;margin-bottom:60px}
html[data-colour-mode="colour"] .eyebrow{color:#a50024}
html[data-colour-mode="colour"] .event{background:#fff;border-color:#9fb9b4;box-shadow:0 5px 20px #17353e0b}
html[data-colour-mode="colour"] .event-visual{background:#cde8d7}
html[data-colour-mode="colour"] .event-visual.rose{background:#f5d4cb}
html[data-colour-mode="colour"] .event-visual.blue{background:#cfe6f5}
html[data-colour-mode="colour"] .event .tag{padding:4px 9px;border-radius:5px;background:#e4f2eb;color:#19554a;font-size:12px;font-weight:650;letter-spacing:.025em}
html[data-colour-mode="colour"] .event .meta{color:#405660;font-size:14px}
html[data-colour-mode="colour"] .event .textbtn{color:#a50024;border-top-color:#afc7c0;font-size:14px}
html[data-colour-mode="colour"] .filter{background:#fff;border-color:#718e92;color:#244651}
html[data-colour-mode="colour"] .filter[aria-current="true"]{background:#14584f;border-color:#14584f;color:#fff}
html[data-colour-mode="colour"] .filter:hover,
html[data-colour-mode="colour"] .search-submit:hover{background:#14584f;color:#fff}
html[data-colour-mode="colour"] .services{background:#d8eee2;border-block:1px solid #9abdac}
html[data-colour-mode="colour"] .service{border-top:3px solid #568475}
html[data-colour-mode="colour"] .service .index{color:#235a48}
html[data-colour-mode="colour"] .service p{color:#304d45;font-size:15px}
html[data-colour-mode="colour"] #deelnemers{background:#fff0d3;border:1px solid #d4b779;border-radius:22px;padding-top:48px;padding-bottom:48px;margin-top:60px;margin-bottom:48px}
html[data-colour-mode="colour"] #over{background:#fbe5df;border:1px solid #d4a59a;border-radius:20px;margin-bottom:48px;padding-top:35px;padding-bottom:35px}
html[data-colour-mode="colour"] .contact{background:#153f49;color:#fff}
html[data-colour-mode="colour"] .contact :is(button,a,input,select,textarea,summary):focus-visible{outline-color:#ffe4a2}
html[data-colour-mode="colour"] .contact .formbox :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--focus)}
html[data-colour-mode="colour"] .contact :is(.eyebrow,p,.contact-info small){color:#dcecf0}
html[data-colour-mode="colour"] .contact-info a{color:#fff}
html[data-colour-mode="colour"] .contact-info a:hover{color:#fff;text-decoration:underline}
html[data-colour-mode="colour"] :is(.info-card,.formbox,.inquiry-card,.login-box,.download-item){background:#fff;border-color:#89aaa2}
html[data-colour-mode="colour"] .event-info{background:#e3f2e9;border-top:4px solid #397c65}
html[data-colour-mode="colour"] .info-card dt{color:#30534a;font-size:14px;font-weight:650}
html[data-colour-mode="colour"] .contact .formbox :is(p,.helper){color:#405660}
html[data-colour-mode="colour"] .formbox p{font-size:15px}
html[data-colour-mode="colour"] .privacy-note{color:#405660!important}
html[data-colour-mode="colour"] .field label{color:#203f49;font-size:14px;font-weight:700}
html[data-colour-mode="colour"] :is(.field input,.field select,.field textarea,.agenda-tools .search,.editor-field input,.editor-field select,.editor-field textarea,.editor-watermark-options select){background:#fff;border-color:#678880;color:var(--ink);font-size:16px}
html[data-colour-mode="colour"] :is(.field input,.field select,.field textarea,.editor-field input,.editor-field select,.editor-field textarea)[aria-invalid="true"]{border-color:#a50024;box-shadow:0 0 0 1px #a50024}
html[data-colour-mode="colour"] .btn.secondary{background:#fff;border-color:#567d74;color:#164e46}
html[data-colour-mode="colour"] .btn.secondary:hover{background:#e2f1e9}
html[data-colour-mode="colour"] :is(#participant-details,#organization-details){background:#edf5fd;border-color:#8daabd}
html[data-colour-mode="colour"] .event-facts{background:#fff0d3;border:1px solid #d4b779}
html[data-colour-mode="colour"] .event-facts>div{border-color:#d8be87}
html[data-colour-mode="colour"] .event-gallery img{background:#e3f0f6}
html[data-colour-mode="colour"] :is(.photo-enlarge,.program-time,.event-faq details[open] summary){color:#a50024}
html[data-colour-mode="colour"] .status-new{background:#fce1e7;color:#960020;border:1px solid #ce8d9b}
html[data-colour-mode="colour"] .status-processing{background:#fff0c8;color:#624412;border:1px solid #bd9b57}
html[data-colour-mode="colour"] .status-answered{background:#d5eddf;color:#14584f;border:1px solid #84b29a}
html[data-colour-mode="colour"] .status-closed{background:#e1ebf4;color:#344f65;border:1px solid #90a6b8}
html[data-colour-mode="colour"] :is(.inquiry-facts,.participation-stats>div,.participation-stats>article){background:#edf5fd;border-color:#99b6ca}
html[data-colour-mode="colour"] .history-entry{border-left-color:#67948a}
html[data-colour-mode="colour"] .editor-panel{background:#e3f2e9;border-color:#94b8a8}
html[data-colour-mode="colour"] .editor-guide{background:#fff0d3;border-color:#d4b779}
html[data-colour-mode="colour"] .editor-block{background:#fff;border-color:#8daabd}
html[data-colour-mode="colour"] .editor-block-head{background:#e3eff9;border-color:#a4bed0}
html[data-colour-mode="colour"] .editor-block-head h2{color:#173f54}
html[data-colour-mode="colour"] .editor-block-number{background:#fff;color:#165149}
html[data-colour-mode="colour"] .editor-control{background:#fff;border-color:#73948c;color:#244a42}
html[data-colour-mode="colour"] .editor-control.danger{color:#a50024}
html[data-colour-mode="colour"] .editor-item{background:#fff8e9;border-color:#c4b087}
html[data-colour-mode="colour"] .editor-field label{color:#203f49;font-size:14px;font-weight:700}
html[data-colour-mode="colour"] .editor-watermark{background:#e0f1e7;border-color:#9abcac}
html[data-colour-mode="colour"] .editor-savebar{background:#e5f2ea;border-color:#91b8a3}
html[data-colour-mode="colour"] .editor-top-save{background:#d5eddf;border-color:#678f79;color:#14584f}
html[data-colour-mode="colour"] .editor-message{background:#fde7eb;border-color:#c57f90;color:#8d001f}
html[data-colour-mode="colour"] .editor-message.success{background:#d5eddf;border-color:#84b29a;color:#14584f}
html[data-colour-mode="colour"] .editor-publish-dialog{background:#fff;border-color:#678880;border-top:5px solid #bd0027}
html[data-colour-mode="colour"] .editor-block.invalid{border-color:#a50024}
html[data-colour-mode="colour"] .editor-block.invalid .editor-block-head{background:#fce1e7}

@media(max-width:600px){
  html[data-colour-mode="colour"] #agenda{border-radius:16px;margin-bottom:35px;padding-top:32px;padding-bottom:32px}
  html[data-colour-mode="colour"] :is(#deelnemers,#over){border-radius:16px;margin-top:35px;margin-bottom:35px;padding-top:32px;padding-bottom:32px}
  html[data-colour-mode="colour"] .event .meta{font-size:14px}
}
@media(forced-colors:active){.colour-choice.is-selected{outline:2px solid Highlight;outline-offset:-3px}}
@media print{
  .colour-bar{display:none}
  html[data-colour-mode="colour"] .contact{background:#fff;color:#000}
  html[data-colour-mode="colour"] .contact :is(.eyebrow,p,.contact-info small,.contact-info a){color:#000}
}
