:root {
  --cv2-width-wide: 1367px;
  --cv2-width-content: 1200px;
  --cv2-width-narrow: 980px;
  --cv2-space-xs: .5rem;
  --cv2-space-sm: .875rem;
  --cv2-space-md: 1.25rem;
  --cv2-space-lg: 2rem;
  --cv2-space-xl: 3rem;
  --cv2-radius-sm: 0 12px 12px 12px;
  --cv2-radius-md: 0 18px 18px 18px;
  --cv2-radius-lg: 0 24px 24px 24px;
  --cv2-font-body: 16px;
  --cv2-font-sm: 14px;
  --cv2-font-lg: clamp(32px, 4vw, 58px);
  --cv2-bg: #f4f1ea;
  --cv2-bg-elevated: #fffdf9;
  --cv2-text: #172325;
  --cv2-muted: #5d6d70;
  --cv2-line: rgba(18, 35, 37, .14);
  --cv2-accent: #2f7d6a;
  --cv2-accent-strong: #245c4d;
  --cv2-shadow: 0 18px 40px rgba(17, 32, 33, .08);
}

html[data-theme="dark"] {
  --cv2-bg: #173034;
  --cv2-bg-elevated: #214248;
  --cv2-text: #f4f1ea;
  --cv2-muted: #c6d0cf;
  --cv2-line: rgba(244, 241, 234, .16);
  --cv2-shadow: 0 20px 45px rgba(0, 0, 0, .28);
}

html[data-font-size="sm"] {
  --cv2-font-body: 15px;
}

html[data-font-size="lg"] {
  --cv2-font-body: 18px;
}