/* Surlinio palette. Loaded last so bundled Bootstrap stays untouched. */
:root,[data-bs-theme="light"] {
  --surlinio-blue:#265073;
  --surlinio-ink:#142D40;
  --surlinio-paper:#F7F8FA;
  --surlinio-cloud:#E7EEF3;
  --surlinio-mint:#BDE8DB;
  --surlinio-orange:#F4A261;
  --surlinio-orange-hover:#F8B780;
  --surlinio-brown:#8A421F;
  --surlinio-brown-hover:#6B3015;
  --surlinio-orange-ink:var(--surlinio-brown);
  --surlinio-orange-soft:#FCEBDD;
  --surlinio-text:#526575;
  --bs-primary:#265073; --bs-primary-rgb:38,80,115;
  --bs-secondary:#526575; --bs-secondary-rgb:82,101,117;
  --bs-body-color:#526575; --bs-body-color-rgb:82,101,117;
  --bs-body-bg:#F7F8FA; --bs-body-bg-rgb:247,248,250;
  --bs-dark:#142D40; --bs-dark-rgb:20,45,64;
  --bs-light:#E7EEF3; --bs-light-rgb:231,238,243;
  --bs-link-color:#265073; --bs-link-color-rgb:38,80,115;
  --bs-link-hover-color:#142D40; --bs-link-hover-color-rgb:20,45,64;
  --bs-primary-text-emphasis:#142D40;
  --bs-primary-bg-subtle:#E7EEF3; --bs-primary-border-subtle:#BDE8DB;
  --bs-focus-ring-color:rgba(38,80,115,.25);
}
body{color:var(--surlinio-text);background:var(--surlinio-paper)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--surlinio-ink)}
body a:link:not(.nav-link):not(.btn):not(.btn-client),body a:visited:not(.nav-link):not(.btn):not(.btn-client){color:var(--surlinio-brown)}
body a:hover:not(.nav-link):not(.btn):not(.btn-client),body a:focus:not(.nav-link):not(.btn):not(.btn-client){color:var(--surlinio-brown-hover)}
.client-secondary-bg{background-color:var(--surlinio-paper)}
.client-primary-bg,.client-third-bg,.client-fourth-bg{color:#fff;background-color:var(--surlinio-blue)}
.client-primary-bg :is(h1,h2,h3,h4,h5,h6),.client-third-bg :is(h1,h2,h3,h4,h5,h6),.client-fourth-bg :is(h1,h2,h3,h4,h5,h6){color:#fff}
.client-primary-bg a:link:not(.btn):not(.btn-client):not(.nav-link),.client-primary-bg a:visited:not(.btn):not(.btn-client):not(.nav-link),.client-third-bg a:link:not(.btn):not(.btn-client):not(.nav-link),.client-third-bg a:visited:not(.btn):not(.btn-client):not(.nav-link),.client-fourth-bg a:link:not(.btn):not(.btn-client):not(.nav-link),.client-fourth-bg a:visited:not(.btn):not(.btn-client):not(.nav-link),.bg-dark a:link:not(.btn):not(.btn-client):not(.nav-link),.bg-dark a:visited:not(.btn):not(.btn-client):not(.nav-link){color:#D8F2EA!important}
.client-primary-bg a:hover:not(.btn):not(.btn-client):not(.nav-link),.client-primary-bg a:focus:not(.btn):not(.btn-client):not(.nav-link),.client-third-bg a:hover:not(.btn):not(.btn-client):not(.nav-link),.client-third-bg a:focus:not(.btn):not(.btn-client):not(.nav-link),.client-fourth-bg a:hover:not(.btn):not(.btn-client):not(.nav-link),.client-fourth-bg a:focus:not(.btn):not(.btn-client):not(.nav-link),.bg-dark a:hover:not(.btn):not(.btn-client):not(.nav-link),.bg-dark a:focus:not(.btn):not(.btn-client):not(.nav-link){color:#fff!important}
.client-secondary-color{color:var(--surlinio-mint)}
.footer{color:var(--surlinio-text);background:var(--surlinio-cloud)}
.footer-quote{color:var(--surlinio-ink)}
.quote{background-image:none}
.copyright{color:var(--surlinio-text);background:var(--surlinio-paper)}
.navbar li .nav-link:hover .underline{border-bottom-color:var(--surlinio-mint)}
.btn-primary,.btn-client-primary,.btn-client-third,.btn-client-fourth{
  --bs-btn-color:#fff; --bs-btn-bg:#265073; --bs-btn-border-color:#265073;
  --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#142D40; --bs-btn-hover-border-color:#142D40;
  --bs-btn-active-color:#fff; --bs-btn-active-bg:#142D40; --bs-btn-active-border-color:#142D40;
  --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#265073; --bs-btn-disabled-border-color:#265073;
  --bs-btn-focus-shadow-rgb:38,80,115;
  color:#fff!important;background-color:#265073!important;border-color:#265073!important;
}
.btn-client-primary:is(:hover,:focus,:active),.btn-client-third:is(:hover,:focus,:active),.btn-client-fourth:is(:hover,:focus,:active){background-color:#142D40!important;border-color:#142D40!important}
.btn-client-secondary,.btn-client-secondary:link,.btn-client-secondary:visited{color:#142D40!important;background-color:#BDE8DB!important;border-color:#BDE8DB!important}
.btn-client-secondary:is(:hover,:focus,:active){color:#142D40!important;background-color:#D8F2EA!important;border-color:#D8F2EA!important}
.btn-outline-primary{--bs-btn-color:#265073;--bs-btn-border-color:#265073;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#265073;--bs-btn-hover-border-color:#265073;--bs-btn-active-color:#fff;--bs-btn-active-bg:#142D40;--bs-btn-active-border-color:#142D40;--bs-btn-disabled-color:#265073;--bs-btn-disabled-border-color:#265073;--bs-btn-focus-shadow-rgb:38,80,115}
.btn-primary:is(:hover,:focus,:active){background-color:#142D40!important;border-color:#142D40!important}
.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:#265073;box-shadow:0 0 0 .25rem rgba(38,80,115,.2)}
.form-check-input:checked,.form-check-input[type=checkbox]:indeterminate{background-color:#265073;border-color:#265073}
.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23526575'/%3E%3C/svg%3E")}
.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23265073'/%3E%3C/svg%3E")}
.form-switch .form-check-input:checked{--bs-form-switch-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}
.form-range::-webkit-slider-thumb{background:#265073}.form-range::-moz-range-thumb{background:#265073}
.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 .25rem rgba(38,80,115,.2)}
.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 .25rem rgba(38,80,115,.2)}
.form-range::-webkit-slider-thumb:active{background:#142D40}.form-range::-moz-range-thumb:active{background:#142D40}
.form-range:disabled::-webkit-slider-thumb{background:#526575}.form-range:disabled::-moz-range-thumb{background:#526575}
.pagination{--bs-pagination-color:#265073;--bs-pagination-hover-color:#142D40;--bs-pagination-focus-color:#142D40;--bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(38,80,115,.2);--bs-pagination-active-bg:#265073;--bs-pagination-active-border-color:#265073}
.nav-pills{--bs-nav-pills-link-active-bg:#265073}.list-group{--bs-list-group-active-bg:#265073;--bs-list-group-active-border-color:#265073}
.dropdown-menu{--bs-dropdown-link-active-bg:#265073}
.accordion{--bs-accordion-active-color:#142D40;--bs-accordion-active-bg:#E7EEF3;--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(38,80,115,.2)}
.accordion-button::after{filter:grayscale(1)}
.alert-primary{--bs-alert-color:#142D40;--bs-alert-bg:#E7EEF3;--bs-alert-border-color:#BDE8DB;--bs-alert-link-color:#265073}
.progress{--bs-progress-bar-bg:#265073}
.pretty input:checked~.state.p-primary label:after{background-color:#265073!important}
.pretty.p-switch input:checked~.state.p-primary:before{border-color:#265073;background-color:#265073!important}
.icon-star,.review .stars{color:#265073}.topbar .icon-star{color:#BDE8DB}
.app-preview.demo-active{border-color:#265073;box-shadow:0 0 0 4px rgba(38,80,115,.16)}
.app-preview.demo-active .app-preview-rows span:nth-child(2),.app-preview.demo-active .app-preview-calendar span:nth-of-type(2),.app-preview.demo-active .app-event-row:last-child,.app-preview.demo-active .app-roster span:last-child,.app-preview-codicil.demo-active .codicil-list span:last-child{background:#BDE8DB}
.app-calculator{background:#E7EEF3}.value-calculator output{color:#265073}
.calculator-result,.value-result{background:linear-gradient(135deg,#142D40,#265073)}
.calculator-result strong,.value-result strong{color:#BDE8DB}

/* Warm accents complement the logo blue and mint, with dark text on orange. */
.home-portfolio-hero .home-hero-eyebrow{color:var(--surlinio-orange)}
.home-portfolio-hero .home-hero-actions .btn-client-secondary{color:var(--surlinio-ink)!important;background-color:var(--surlinio-orange)!important;border-color:var(--surlinio-orange)!important}
.home-portfolio-hero .home-hero-actions .btn-client-secondary:is(:hover,:focus,:active){background-color:var(--surlinio-orange-hover)!important;border-color:var(--surlinio-orange-hover)!important}
.home-intro-label,.project-pulse-head span,.style-lab-head>div>span,.sprint-line b{color:var(--surlinio-orange-ink)}
.home-now .home-intro-label{color:var(--surlinio-ink)}
.home-service-card>span,.play-number{color:var(--surlinio-ink);background:var(--surlinio-orange)}
.home-service-card:hover{border-color:var(--surlinio-orange)}
.sprint-line>div:before{border-color:var(--surlinio-orange);background:var(--surlinio-ink)}
.pulse-item>i em{background:linear-gradient(90deg,var(--surlinio-blue),var(--surlinio-orange))}
.now-card-detail em,.now-card button b{color:var(--surlinio-orange)}

/* Shared inner-page palette: Dutch and English use the same components. */
.home-top.client-secondary-bg{background:var(--surlinio-cloud)}
section.home-top.client-secondary-bg{background:var(--surlinio-paper)}
.home-top:not(:has(form)) td.align-middle,
.home-top:has(.app-detail-logo) .col-md-7{
  color:var(--surlinio-paper);background:var(--surlinio-ink);
  border-bottom:5px solid var(--surlinio-orange);
}
.home-top:not(:has(form)) td.align-middle :is(h1,h2,h3,.lead,.client-primary-color),
.home-top:has(.app-detail-logo) .col-md-7 :is(h1,h2,h3,.lead){color:#fff}
.home-top td.align-middle a:not(.btn),
.home-top:has(.app-detail-logo) .col-md-7 a:not(.btn){color:var(--surlinio-mint)!important}
.home-top:has(.app-detail-logo) .home-intro-label{color:var(--surlinio-orange)}
.home-top:not(:has(form)) .btn-client-primary,
.appointment-form .btn-client-primary{
  color:var(--surlinio-ink)!important;background:var(--surlinio-orange)!important;border-color:var(--surlinio-orange)!important;
}
.home-top:not(:has(form)) .btn-client-primary:is(:hover,:focus,:active),
.appointment-form .btn-client-primary:is(:hover,:focus,:active){
  color:var(--surlinio-ink)!important;background:var(--surlinio-orange-hover)!important;border-color:var(--surlinio-orange-hover)!important;
}
.home-top:not(:has(form)) td.align-middle .btn+.btn{
  color:var(--surlinio-ink)!important;background:var(--surlinio-mint)!important;border-color:var(--surlinio-mint)!important;
}
.home-top:not(:has(form)) td.align-middle .btn+.btn:is(:hover,:focus,:active){background:#D8F2EA!important;border-color:#D8F2EA!important}
.client-secondary-color{color:var(--surlinio-orange-ink)}
:is(.client-primary-bg,.client-third-bg,.client-fourth-bg) .client-secondary-color{color:var(--surlinio-mint)}
.accordion{
  --bs-accordion-color:var(--surlinio-text);--bs-accordion-border-color:var(--surlinio-cloud);
  --bs-accordion-btn-color:var(--surlinio-ink);--bs-accordion-active-bg:var(--surlinio-mint);
}
.accordion-button:not(.collapsed){box-shadow:inset 4px 0 var(--surlinio-orange)}
.accordion-button:hover{color:var(--surlinio-blue);background:var(--surlinio-cloud)}
.app-faq details{border-color:var(--surlinio-cloud);background:#fff}
.app-faq details[open]{border-color:var(--surlinio-blue);box-shadow:inset 4px 0 var(--surlinio-orange)}
.app-faq summary{color:var(--surlinio-ink)}
.app-faq summary::marker{color:var(--surlinio-orange-ink)}
.app-product-card{border-color:var(--surlinio-cloud)}
.app-product-card:hover,.app-product-card:focus-within{border-color:var(--surlinio-orange)}
.app-compare thead th{background:var(--surlinio-ink);border-bottom:3px solid var(--surlinio-orange)}
.app-compare tbody tr:nth-child(even) td{--bs-table-bg:var(--surlinio-cloud);background:var(--surlinio-cloud)}
.app-calculator{border-color:var(--surlinio-mint)}
.website{color:var(--surlinio-ink);border-bottom:3px solid var(--surlinio-mint);background:#fff}
.website:hover,.website:focus-within{border-bottom-color:var(--surlinio-orange)}
.website-text{color:var(--surlinio-blue)}
.review{color:var(--surlinio-text);background:#fff;border-color:var(--surlinio-cloud)}
.review .stars{color:var(--surlinio-orange-ink)}
.review-control{border-color:var(--surlinio-blue)}
.review-control:hover,.review-control:focus-visible{color:var(--surlinio-ink);background:var(--surlinio-mint)}
.appointment-kicker{color:var(--surlinio-orange-ink)}
.slot-card input:checked+span,.location-card input:checked+span{color:var(--surlinio-ink);background:var(--surlinio-mint);border-color:var(--surlinio-blue)}
.slot-card:hover span,.location-card:not(.location-disabled):hover span{border-color:var(--surlinio-orange-ink)}