/* Vitrine — spacing & layout tokens. Base unit 4px, comfortable density.
   Rhythm comes from scale changes and whitespace, not dividers. */
:root {
  --spacing-unit: 4px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-48: 48px;
  --spacing-52: 52px;
  --spacing-76: 76px;
  --spacing-80: 80px;
  --spacing-100: 100px;
  --spacing-160: 160px;

  /* Layout */
  --page-max-width: 1440px;
  --content-max-width: 1024px; /* nav + text content column */
  --section-gap: 120px;
  --card-padding: 28px;
  --element-gap: 10px;
  --nav-height: 48px;
}