$cc-viewport-inset: 1em;
$cc-switch-width: 2.875em;
$cc-switch-height: 1.625em;
$cc-switch-knob-size: 1.25em;
$cc-switch-knob-offset: 0.1875em;
$cc-switch-travel: 1.25em;

:root {
  --cc-font-size: 1rem;
  --cc-color-bg: #fff;
  --cc-color-surface: #fafafa;
  --cc-color-text: #242424;
  --cc-color-muted: #616161;
  --cc-color-border: #d1d1d1;
  --cc-color-primary: #0f6cbd;
  --cc-color-primary-hover: #115ea3;
  --cc-color-primary-active: #0f548c;
  --cc-color-primary-text: #fff;
  --cc-color-secondary: #f5f5f5;
  --cc-color-secondary-hover: #ebebeb;
  --cc-color-secondary-active: #e0e0e0;
  --cc-color-secondary-text: #242424;
  --cc-color-focus: #000;
  --cc-radius: 0.25em;
  --cc-shadow: 0 0.5em 1em rgb(0 0 0 / 14%), 0 0 0.125em rgb(0 0 0 / 12%);
  --cc-z-index: 2147483000;
  --cc-space-xs: 0.375em;
  --cc-space-sm: 0.625em;
  --cc-space-md: 1em;
  --cc-space-lg: 1.5em;
  --cc-max-width: 45em;
  --cc-duration: 160ms;
  --cc-easing: cubic-bezier(0.33, 0, 0.67, 1);
  --cc-font-family: 'Segoe UI', 'Segoe UI Variable', system-ui, sans-serif;
}