/* ============================================================
   Creative Source — Spacing, radius, sizing tokens
   8-pt base grid with a couple of fine steps for dense UI.
   ============================================================ */

:root {
  /* Spacing scale */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   24px;
  --space-6:   32px;
  --space-7:   48px;
  --space-8:   64px;
  --space-9:   96px;
  --space-10:  128px;

  /* Radius — the brand is mostly crisp; small/medium rounding */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   26px;
  --radius-pill: 999px;
  --radius-sharp: 0px;   /* stencil / poster edges            */

  /* Containers */
  --container-sm: 640px;
  --container-md: 880px;
  --container-lg: 1140px;
  --container-xl: 1320px;

  /* Control heights */
  --control-sm: 34px;
  --control-md: 44px;
  --control-lg: 56px;
}