:root {
  --site-bg: #f7f6f2;
  --site-surface: #fbfbf9;
  --site-surface-2: #f1eee8;
  --site-text: #24211c;
  --site-text-muted: #6f6b63;
  --site-border: rgba(36, 33, 28, 0.12);
  --site-primary: #1f3a37;
  --site-primary-hover: #162b28;
  --site-radius: 14px;
  --site-shadow: 0 12px 32px rgba(20, 18, 15, 0.12);
  --site-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#cc-main {
  --cc-font-family: var(--site-font);
  --cc-modal-border-radius: var(--site-radius);
  --cc-btn-border-radius: 999px;
  --cc-modal-transition-duration: 0.2s;
  --cc-modal-margin: 1rem;
  --cc-bg: var(--site-surface);
  --cc-primary-color: var(--site-text);
  --cc-secondary-color: var(--site-text-muted);
  --cc-btn-primary-bg: var(--site-primary);
  --cc-btn-primary-border-color: var(--site-primary);
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: var(--site-primary-hover);
  --cc-btn-primary-hover-border-color: var(--site-primary-hover);
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-border-color: var(--site-border);
  --cc-btn-secondary-color: var(--site-text);
  --cc-btn-secondary-hover-bg: var(--site-surface-2);
  --cc-btn-secondary-hover-border-color: var(--site-border);
  --cc-separator-border-color: var(--site-border);
  --cc-toggle-on-bg: var(--site-primary);
  --cc-toggle-off-bg: #c7c2b8;
}

#cc-main .cm,
#cc-main .pm {
  box-shadow: var(--site-shadow);
  border: 1px solid var(--site-border);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-weight: 600;
  letter-spacing: -0.01em;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  color: var(--site-text-muted);
  line-height: 1.55;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 44px;
  padding: 0.8rem 1.1rem;
  font-weight: 600;
}

#cc-main .pm__badge,
#cc-main .pm__service-counter {
  border-radius: 999px;
}

.cookie-settings-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.cookie-settings-link:hover {
  opacity: 0.8;
}

@media (max-width: 640px) {
  #cc-main {
    --cc-modal-margin: 0.75rem;
  }
}