/* ─────────────────────────────────────────────────────────────
   CloudSuite — Spacing, radii, shadows, layout
   Spacing observed across the file; radii/shadows from style-guide.
   ───────────────────────────────────────────────────────────── */

:root {
  /* Spacing scale (px) */
  --cs-space-1: 4px;
  --cs-space-2: 5px;
  --cs-space-3: 10px;
  --cs-space-4: 12px;
  --cs-space-5: 15px;
  --cs-space-6: 16px;
  --cs-space-7: 20px;
  --cs-space-8: 30px;
  --cs-space-9: 40px;
  --cs-space-10: 50px;
  --cs-space-11: 60px;
  --cs-space-12: 100px;

  /* Radii */
  --cs-radius-sm: 2px;     /* buttons, badges, inputs, tags */
  --cs-radius-md: 4px;     /* button-border-radius variable */
  --cs-radius-lg: 8px;
  --cs-radius-xl: 16px;    /* cards, containers */
  --cs-radius-pill: 999px;

  /* Shadows (Figma effect styles) */
  --cs-shadow-default: 0 5px 10px rgba(0, 0, 0, 0.15);
  --cs-shadow-down-sm: 0 2px 3px rgba(0, 0, 0, 0.05);
  --cs-shadow-up-sm: 0 -2px 3px rgba(0, 0, 0, 0.05);
  --cs-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
  --cs-shadow-lifted: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* Layout */
  --cs-container: 1200px;
  --cs-container-wide: 1350px;

  /* Motion */
  --cs-ease: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --cs-duration: 180ms; /* @kind other */
}