/* ORIÉZID — Spacing
   4px base grid. Luxury reads through negative space, so steps stay generous
   and layouts breathe. Use --page-margin / --gutter for page-level rhythm. */

:root {
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --space-40: 160px;

  /* Semantic rhythm */
  --gutter:        24px;   /* gap between cards / columns */
  --page-margin:   80px;   /* generous outer margin on decks & docs */
  --page-margin-sm:24px;   /* compact margin (product UI) */
  --stack:         16px;   /* default vertical stack between elements */
  --control-pad-x: 16px;   /* horizontal padding inside controls */
  --control-pad-y: 10px;
}