:root {
  --cs-brand-primary: #0a6cff;
  --cs-brand-accent: #00c6ff;
  --cs-bg: #f7fbff;
  --cs-text: #1a2b3c;
  --cs-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --cs-space-1: 0.25rem;
  --cs-space-2: 0.5rem;
  --cs-space-3: 0.75rem;
  --cs-space-4: 1.25rem; /* 20px */
  --cs-space-5: 2.5rem;  /* 40px */
  --cs-space-6: 3.75rem; /* 60px */
  --cs-space-7: 5rem;    /* 80px */
  --cs-space-8: 1.875rem; /* 30px */

  /* Container & Breakpoints (mobile-first) */
  --cs-container-max: 1100px;
  --cs-container-gutter: 3rem;
  --cs-container-width: min(var(--cs-container-max), calc(100% - var(--cs-container-gutter)));
  --cs-container-radius: 1.25rem;
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}