/* Grand J Ballet Academy — Spacing, radius, shadow tokens */
:root {
  /* Spacing scale */
  --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;

  /* Page margins (notice canvas) */
  --page-margin: 72px;

  /* Radii — generous, soft */
  --radius-sm: 10px;    /* schedule cells, small tags */
  --radius-md: 18px;    /* cards */
  --radius-lg: 28px;    /* content cards, photo corners */
  --radius-pill: 999px; /* pill title bars, badges */
  --radius-arch: 45% / 28%; /* arched photo mask top */

  /* Shadows — barely-there; brand relies on flat color, not depth */
  --shadow-soft: 0 2px 14px rgba(60, 56, 48, 0.07);
  --shadow-card: 0 4px 24px rgba(60, 56, 48, 0.10);

  /* Hairlines */
  --rule-thin: 1px solid var(--border-hairline);
  --rule-strong: 2.5px solid var(--warm-gray-700);
}