:root {
  --cc-radius-xs: 8px;
  --cc-radius-sm: 12px;
  --cc-radius-md: 18px;
  --cc-radius-lg: 24px;
  --cc-radius-xl: 32px;
  --cc-radius-pill: 999px;
  --cc-focus: 0 0 0 3px color-mix(in srgb, var(--cc-green) 32%, transparent);
  --cc-transition: 180ms ease;
  --cc-container: 1180px;
  --cc-container-wide: 1320px;
  --cc-form-width: 760px;
  --cc-legal-width: 920px;
  --cc-control-h: 44px;
}

[data-theme="dark"] {
  --cc-focus: 0 0 0 3px rgba(120, 198, 75, 0.34);
}