/* ==========================================================================
   Ma petite madeleine — Spacing, radius, border & shadow tokens
   The look stays paper-and-ink: flat surfaces, hairline gold/navy rules,
   and almost no radius or shadow. Ornament and rules do the work that
   drop-shadows and rounded corners do in a more modern system.
   ========================================================================== */

:root {
  /* ---- Spacing (4px base) --------------------------------------------- */
  --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;

  /* ---- Radius — deliberately restrained -------------------------------- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-pill: 999px; /* tags only */

  /* ---- Borders ---------------------------------------------------------- */
  --border-hairline: 1px solid var(--color-border);
  --border-hairline-strong: 1px solid var(--color-border-strong);
  --border-gold: 1px solid var(--color-border-gold);
  --border-width-frame: 2px; /* double-rule frames, card edges */

  /* ---- Shadow — soft paper lift, never a hard modern drop-shadow -------- */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(28, 43, 79, 0.05), 0 10px 24px rgba(28, 43, 79, 0.07);
  --shadow-raised: 0 2px 4px rgba(28, 43, 79, 0.06), 0 16px 32px rgba(28, 43, 79, 0.10);
}