:root, [data-theme="light"] {
  --cream: #fcf6ed; --rose-mist: #f9e3df; --apricot: #fbe6d8; --honey: #f8ecd0; --linen: #f3e7d6;
  --sage-mist: #e8eddc; --lilac: #efe7f7; --petal: #f6cfcb; --wisteria: #e2d6f4; --photo-frame: #ffffff;
  --bark: #5b3f30; --cocoa: #7a5843; --raspberry: #b03a52; --raspberry-deep: #8a2a3f; --rose: #c25f63; --moss: #56683f; --grape: #74478f;
  --badge-raspberry: var(--raspberry); --badge-cocoa: var(--cocoa); --badge-moss: var(--moss); --badge-grape: var(--grape);
  --on-badge: #ffffff;
  --hook: #d3bcf8; --blossom: #f9a0ac; --daisy: #e8b86a; --sage: #b7c49c;
  --loopie-pink: #f48895; --thread: #e5a8a0; --marigold: #c9913f; --sprig: #8a9a6e;
  --shadow-polaroid: 0 2px 6px rgba(91,63,48,0.18);
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 8px; --radius-md: 16px; --radius-lg: 24px; --radius-pill: 999px;
  --font-display: "Shantell Sans", "Comic Neue", "Segoe Print", system-ui, sans-serif;
  --font-hand: "Patrick Hand", "Comic Neue", "Segoe Print", system-ui, sans-serif;
}