/* CMCO spacing, radius, borders.
   The brand guide defines no numeric spacing scale; these are working values derived
   from its layouts (generous clearspace, square-cornered geometry, thin hairline rules). */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* CMCO artwork is rectilinear — logo clearspace aside, the guide shows square corners
     on slides, covers, bars and photo crops. Keep radii at 0 for brand surfaces;
     --radius-control is a minimal working value for interactive controls. */
  --radius-none: 0;
  --radius-control: 2px;

  --rule-hairline: 1px solid var(--cmco-cool-gray);
  --motion-line-weight: 2px;   /* linear motion lines are thin strokes */

  /* Logo clearspace: minimum ½× logo height on all sides; minimum logo width ¾in (72px) */
  --logo-min-width: 72px;
}