.klaro {
  --font-family: 'Inter', system-ui, sans-serif;
  --border-radius: 8px;
  --dark1: #08121F;
  --dark2: #0D1D30;
  --dark3: #11243A;
  --light1: #E8EEF6;
  --light2: #9DB0C8;
  --light3: #6B7E97;
  --green1: #FF6B35;
  --green2: #FF7E4D;
  --green3: #3A1605;
  --red1: #16314E;
  --red2: #1C3A5C;
  --red3: #E8EEF6;
}
.klaro .cm-modal {
  background-color: #11243A !important;
  color: #E8EEF6 !important;
  box-shadow: 0 0 0 4px rgba(59,158,224,0.12), 0 3px 50px -20px rgba(0,0,0,0.7) !important;
}
.klaro .cm-modal a { color: #3B9EE0 !important; }
.klaro .cm-btn { color: #E8EEF6 !important; background-color: #16314E !important; border-radius: 6px !important; }
.klaro .cm-btn.cm-btn-success { background-color: #FF6B35 !important; color: #3A1605 !important; }
.klaro .cm-btn.cm-btn-danger, .klaro .cm-btn.cn-decline { background-color: #16314E !important; color: #E8EEF6 !important; }
.klaro .cm-switch .slider { background-color: #2a3b52 !important; }
.klaro .cm-switch .slider.active { background-color: #FF6B35 !important; }
.klaro .cm-switch .slider::before { background-color: #E8EEF6 !important; }