:root{
  /* Core palette (cream + ink) */
  --bg: #f6f0e6;
  --ink: #1a1a1a;
  --muted: rgba(26,26,26,.72);

  /* Surfaces */
  --card: rgba(255,255,255,.55);
  --card-border: rgba(26,26,26,.12);

  /* Layout */
  --max: 1120px;

  /* Spacing scale */
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;

  /* Radius + shadow */
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 18px 50px rgba(0,0,0,.10);

  /* Fonts (we’ll wire Google Fonts next) */
    --font-display: "Cormorant", ui-serif, "Georgia", serif;
    --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    }