/* MIRAGE — spacing + layout tokens (exact source values; not snapped to a 4/8 grid). */
:root {
  --spacing-4: 4px;
  --spacing-5: 5px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-13: 13px;
  --spacing-15: 15px;
  --spacing-16: 16px;
  --spacing-19: 19px;
  --spacing-20: 20px;
  --spacing-22: 22px;
  --spacing-24: 24px;
  --spacing-27: 27px;
  --spacing-30: 30px;
  --spacing-50: 50px;
  --spacing-80: 80px;

  /* Layout */
  --section-gap: 50px;
  --card-padding: 30px;
  --element-gap: 10px;
  --page-gutter: 30px;
}