﻿#cc-main {
  /* kill rounded corners + tweak spacing/transitions/z-index if you like */
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-modal-margin: 0.75rem; /* optional */
  --cc-modal-transition-duration: 0s; /* optional: no animations */
  /* brand it */
  --cc-font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --cc-primary-color: #111;
  --cc-btn-primary-bg: #111;
  --cc-btn-primary-border-color: #111;
  --cc-btn-primary-hover-bg: #333;
  --cc-link-color: #c00; /* pure red for <a> */
  /* “checkbox” switches for categories */
  --cc-toggle-on-bg: #c00; /* track when ON */
  --cc-toggle-on-knob-bg: #fff; /* knob when ON (optional) */
  --cc-toggle-off-bg: #f0f0f0; /* track when OFF (optional) */
  --cc-toggle-off-knob-bg: #999; /* knob when OFF (optional) */
  /* if you also want action buttons red, uncomment: */
  /* --cc-btn-primary-bg: #c00;
    --cc-btn-primary-border-color: #c00;
    --cc-btn-primary-hover-bg: #a00;
    --cc-btn-primary-hover-border-color: #a00; */
}

/* If you use the dark theme, consider a slightly brighter red for contrast */
html.cc--darkmode #cc-main {
  --cc-link-color: #ff3b3b;
  --cc-toggle-on-bg: #ff3b3b;
}
