/* Maison Facelis — spacing, radius, shadow tokens */
: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;
  --space-9: 96px;

  /* Radii — guideline panels use soft rounded corners */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;      /* guideline content panels */
  --radius-pill: 999px;

  /* Shadows — soft, velvety, low-contrast (photography direction) */
  --shadow-soft: 0 2px 12px rgba(45, 29, 23, 0.07);
  --shadow-raised: 0 6px 28px rgba(45, 29, 23, 0.12);
  --shadow-modal: 0 18px 60px rgba(45, 29, 23, 0.22);
}