:root {
  --cc-bg: #1c1c1c;
  --cc-text: #ffffff;
  --cc-text-secondary: #c0c0c0;
  --cc-border: rgba(255, 255, 255, 0.06);
  --cc-primary: #bd3d65;
  --cc-primary-hover: #d64573;
  --cc-secondary: #242424;
  --cc-secondary-hover: #2c2c2c;
  --cc-secondary-border: rgba(255, 255, 255, 0.12);
  --cc-toggle-bg: #3a3a3a;
  --cc-toggle-active: #bd3d65;
  --cc-overlay: rgba(0, 0, 0, 0.7);
  --cc-shadow: 0 -8px 28px rgba(0, 0, 0, 0.5);
  --cc-radius: 12px;
  --cc-radius-sm: 8px;
}