:root {
  /* Spacing — 4px base (v4 scale) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 64px;   /* vertical rhythm of brand-doc bands */
  --page-padding: 72px;    /* horizontal page padding, brand doc */
  --frame-padding: 64px;   /* inner padding, social frames */
  --content-width: 1280px;

  /* Radius — soft everywhere; only the grid is sharp */
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-tile: 22px;
  --radius-monogram: 30px;
  --radius-full: 9999px;

  /* Elevation — light, not stacked shadow */
  --glow-ink: radial-gradient(85% 95% at 78% 12%, rgba(196,42,134,0.65), transparent 58%),
              radial-gradient(75% 85% at 12% 92%, rgba(91,75,208,0.62), transparent 58%); /* @kind shadow */
  --glow-paper: radial-gradient(82% 92% at 80% 10%, rgba(196,42,134,0.22), transparent 60%),
                radial-gradient(72% 82% at 12% 94%, rgba(91,75,208,0.24), transparent 60%); /* @kind shadow */
  --glow-frame: radial-gradient(55% 36% at 90% 0%, rgba(196,42,134,0.26), transparent 58%),
                radial-gradient(50% 36% at 4% 14%, rgba(91,75,208,0.24), transparent 58%); /* @kind shadow */
  --shadow-flat: none;                               /* 95% of surfaces */
  --shadow-card: 0 8px 24px rgba(20,18,31,0.10);     /* floating card */
  --shadow-card-soft: 0 8px 24px rgba(20,18,31,0.06);
  --shadow-gradient-tile: 0 14px 40px rgba(91,75,208,0.35);
  --shadow-cta: 0 6px 18px rgba(59,52,134,0.25);

  /* Icon system */
  --icon-grid: 24px;
  --icon-stroke: 1.75px;
}