:root{
  /* radii — everything is generously round; nothing is sharp */
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:28px;
  --radius-xl:40px;
  --radius-blob:56px 44px 52px 40px / 44px 52px 40px 48px;  /* hand-cut speech-cloud feel */
  --radius-pill:999px;

  /* the signature: hard offset drop shadow, no blur (matches the logo).
     ALWAYS em-based: a fixed px offset that reads as depth at 100px reads as doubled letters at 26px. */
  --shadow-display:.04em .04em 0 var(--text-display-shadow);
  --shadow-display-lg:.055em .055em 0 var(--text-display-shadow);
  --shadow-hard:0 6px 0 var(--mauve-900);
  --shadow-hard-accent:0 6px 0 var(--pink-600);
  --shadow-hard-pressed:0 2px 0 var(--mauve-900);
  --shadow-card:0 18px 34px -18px rgba(62,27,44,.55);
  --shadow-card-lift:0 26px 48px -20px rgba(62,27,44,.6);
  --shadow-inset-cream:inset 0 -3px 0 var(--cream-200);

  --border-width:3px;
  --border-card:3px solid var(--border-hard);

  /* scallop: cream half-circles cut along an edge of a cream container */
  --scallop-size:26px;
  --scallop-edge:radial-gradient(circle at 50% 0, var(--cream-50) 49%, transparent 51%);
}