/* TSL theme for Klaro — dark + amber, matches the site */
.klaro{
  --font-family:"Inter", ui-sans-serif, system-ui, sans-serif;
  --title-font-family:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-size:0.9rem;
  --border-radius:12px;
  --border-width:1px;
  --border-style:solid;
  --dark1:oklch(0.16 0.006 60);
  --dark2:oklch(0.20 0.007 60);
  --dark3:oklch(0.28 0.008 60);
  --light1:oklch(0.96 0.005 80);
  --light2:oklch(0.78 0.012 70);
  --light3:oklch(0.62 0.012 70);
  --green1:oklch(0.80 0.19 60);
  --green2:oklch(0.72 0.20 50);
  --green3:oklch(0.12 0.005 60);
  --button-text-color:oklch(0.12 0.005 60);
  --box-shadow-color:rgba(0,0,0,.6);
  --notice-max-width:32rem;
}
.klaro .cookie-notice:not(.cookie-modal-notice){
  border:1px solid var(--dark3);
  box-shadow:0 24px 70px -24px rgba(0,0,0,.75);
}
.klaro .cookie-notice .cn-body,
.klaro .cookie-modal .cm-body{ font-family:var(--font-family); }
.klaro .cookie-notice p, .klaro .cookie-modal p{ color:var(--light2); }
.klaro h1,.klaro h2,.klaro .cm-list-title{ font-family:var(--title-font-family); }

/* buttons — equal prominence for Accept / Reject */
.klaro .cn-buttons{ display:flex; gap:.6rem; flex-wrap:wrap; }
.klaro .cm-btn{
  border-radius:9999px; padding:.7rem 1.4rem; font-weight:600;
  font-family:var(--title-font-family); font-size:.85rem; transition:background .2s,opacity .2s;
}
.klaro .cm-btn.cm-btn-success{ background:var(--green1); color:var(--button-text-color); }
.klaro .cm-btn.cm-btn-success:hover{ background:var(--green2); }
.klaro .cm-btn.cn-decline, .klaro .cm-btn.cm-btn-danger{
  background:transparent !important; color:var(--green1) !important;
  border:1px solid var(--green1) !important; opacity:1 !important;
}
.klaro .cm-btn.cn-decline:hover{ background:color-mix(in oklab, var(--green1) 14%, transparent) !important; }
.klaro .cm-btn.cm-btn-success-var, .klaro .cm-btn.cm-btn-info{
  background:transparent !important; color:var(--green1) !important;
  border:1px solid var(--green1) !important;
}
.klaro .cm-btn.cm-btn-success-var:hover, .klaro .cm-btn.cm-btn-info:hover{
  background:color-mix(in oklab, var(--green1) 14%, transparent) !important;
}
.klaro .cn-learn-more .cm-link, .klaro .cookie-notice a, .klaro .cookie-modal a{
  color:var(--green1); text-decoration:underline;
}
.klaro .cm-list-input:checked + .cm-list-label .slider{ background-color:var(--green1); }