/* ============================================================
   Shape library -- the kids'-party decorative shapes shared by
   the storefront (decor.css) and the Admin Console / Vendor
   Portal (decor-console.css). Solid fills only, no outlines.
   Palette: pink #ff8fb1, sky #6ec6ff, sun #ffd23f, mint #5fd3a8,
   lavender #b39cff, coral #ff9f6e.
   ============================================================ */

:root {
  /* Inline SVG shapes, all solid fills with no outlines
     (colours are URL-encoded: %23 = #). */
  --s-star-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23ffd23f' d='M25 4l6.2 13 14.3 1.9-10.5 9.9 2.7 14.2L25 36.1 12.3 43l2.7-14.2L4.5 18.9 18.8 17z'/%3E%3C/svg%3E");
  --s-star-lav: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23b39cff' d='M25 4l6.2 13 14.3 1.9-10.5 9.9 2.7 14.2L25 36.1 12.3 43l2.7-14.2L4.5 18.9 18.8 17z'/%3E%3C/svg%3E");
  --s-balloon-sky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 80'%3E%3Cpath d='M20 50c3 8-4 12 0 20s-3 8 0 10' fill='none' stroke='%237d93a6' stroke-width='1.4'/%3E%3Cellipse cx='20' cy='22' rx='16' ry='20' fill='%236ec6ff'/%3E%3Cpath d='M17 41l3 5 3-5z' fill='%236ec6ff'/%3E%3Cellipse cx='14' cy='14' rx='3.5' ry='6' fill='%23fff' opacity='.55' transform='rotate(-20 14 14)'/%3E%3C/svg%3E");
  --s-balloon-pink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 80'%3E%3Cpath d='M20 50c-3 8 4 12 0 20s3 8 0 10' fill='none' stroke='%237d93a6' stroke-width='1.4'/%3E%3Cellipse cx='20' cy='22' rx='16' ry='20' fill='%23ff8fb1'/%3E%3Cpath d='M17 41l3 5 3-5z' fill='%23ff8fb1'/%3E%3Cellipse cx='14' cy='14' rx='3.5' ry='6' fill='%23fff' opacity='.55' transform='rotate(-20 14 14)'/%3E%3C/svg%3E");
  --s-balloon-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 80'%3E%3Cpath d='M20 50c3 8-4 12 0 20s-3 8 0 10' fill='none' stroke='%237d93a6' stroke-width='1.4'/%3E%3Cellipse cx='20' cy='22' rx='16' ry='20' fill='%23ffd23f'/%3E%3Cpath d='M17 41l3 5 3-5z' fill='%23ffd23f'/%3E%3Cellipse cx='14' cy='14' rx='3.5' ry='6' fill='%23fff' opacity='.6' transform='rotate(-20 14 14)'/%3E%3C/svg%3E");
  --s-balloon-mint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 80'%3E%3Cpath d='M20 50c-3 8 4 12 0 20s3 8 0 10' fill='none' stroke='%237d93a6' stroke-width='1.4'/%3E%3Cellipse cx='20' cy='22' rx='16' ry='20' fill='%235fd3a8'/%3E%3Cpath d='M17 41l3 5 3-5z' fill='%235fd3a8'/%3E%3Cellipse cx='14' cy='14' rx='3.5' ry='6' fill='%23fff' opacity='.55' transform='rotate(-20 14 14)'/%3E%3C/svg%3E");
  --s-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'%3E%3Cpath fill='%23cdeaff' d='M30 52h62a18 18 0 0 0 2-36 24 24 0 0 0-45-6 16 16 0 0 0-25 12 15 15 0 0 0 6 30z'/%3E%3C/svg%3E");
  --s-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath fill='%23ff8fb1' d='M20 34S2 23 2 11.5A9.5 9.5 0 0 1 20 7a9.5 9.5 0 0 1 18 4.5C38 23 20 34 20 34z'/%3E%3C/svg%3E");
  --s-triangle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23b39cff' d='M20 5c1 0 1.9.5 2.4 1.4l13.2 24c1 1.8-.3 4-2.4 4H6.8c-2.1 0-3.4-2.2-2.4-4l13.2-24c.5-.9 1.4-1.4 2.4-1.4z'/%3E%3C/svg%3E");
  --s-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='15' fill='%23ff9f6e'/%3E%3C/svg%3E");
  --s-dot-sky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%236ec6ff'/%3E%3C/svg%3E");
  --s-dot-coral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23ff9f6e'/%3E%3C/svg%3E");
  --s-diamond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%235fd3a8' d='M20 3c1 0 1.9.4 2.6 1.1l13.3 13.3a3.7 3.7 0 0 1 0 5.2L22.6 35.9a3.7 3.7 0 0 1-5.2 0L4.1 22.6a3.7 3.7 0 0 1 0-5.2L17.4 4.1C18.1 3.4 19 3 20 3z'/%3E%3C/svg%3E");
  --s-flower: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23ff8fb1'%3E%3Ccircle cx='20' cy='9' r='8'/%3E%3Ccircle cx='31' cy='17' r='8'/%3E%3Ccircle cx='27' cy='30' r='8'/%3E%3Ccircle cx='13' cy='30' r='8'/%3E%3Ccircle cx='9' cy='17' r='8'/%3E%3C/g%3E%3Ccircle cx='20' cy='21' r='6' fill='%23ffd23f'/%3E%3C/svg%3E");
  --s-lollipop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 80'%3E%3Crect x='18.5' y='34' width='3' height='44' rx='1.5' fill='%23e8d8c8'/%3E%3Ccircle cx='20' cy='20' r='17' fill='%23ffd23f'/%3E%3Cpath d='M20 20m-12 0a12 12 0 1 0 12-12M20 20m-6 0a6 6 0 1 1 6 6' fill='none' stroke='%23ff8fb1' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  --s-sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23ff8fb1' d='M20 2c1.6 8.6 9.4 16.4 18 18-8.6 1.6-16.4 9.4-18 18-1.6-8.6-9.4-16.4-18-18 8.6-1.6 16.4-9.4 18-18Z'/%3E%3C/svg%3E");
  --s-confetti: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120'%3E%3Cg stroke-linecap='round' stroke-width='5'%3E%3Cpath stroke='%23ff8fb1' d='M14 22l14-6'/%3E%3Cpath stroke='%236ec6ff' d='M56 12l6 13'/%3E%3Cpath stroke='%23ffd23f' d='M98 30l15 3'/%3E%3Cpath stroke='%235fd3a8' d='M140 14l-5 13'/%3E%3Cpath stroke='%23b39cff' d='M24 70l13 7'/%3E%3Cpath stroke='%23ff9f6e' d='M70 62l-12 8'/%3E%3Cpath stroke='%23ff8fb1' d='M116 74l4 14'/%3E%3Cpath stroke='%236ec6ff' d='M40 104l15-2'/%3E%3Cpath stroke='%23ffd23f' d='M92 102l11-9'/%3E%3Cpath stroke='%235fd3a8' d='M144 98l-14 5'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='84' cy='50' r='4' fill='%23b39cff'/%3E%3Ccircle cx='128' cy='48' r='3.5' fill='%23ff9f6e'/%3E%3Ccircle cx='10' cy='96' r='3.5' fill='%236ec6ff'/%3E%3Cpath fill='%23ffd23f' d='M40 38l5 9h-10z'/%3E%3C/g%3E%3C/svg%3E");
  --s-blob: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23ffe3ec' d='M44.7-58.6C57.6-48.6 67.4-34.1 71.9-17.8 76.4-1.5 75.6 16.7 67.9 31.3 60.2 45.9 45.6 57 29.5 63.7 13.4 70.4-4.2 72.7-21.2 68.4-38.2 64.1-54.6 53.2-64.6 38.1-74.6 23-78.3 3.7-73.7-13.1-69.1-29.9-56.3-44.2-41.9-54.1-27.6-64-13.8-69.5 1.2-71 16.2-72.4 31.8-68.6 44.7-58.6Z' transform='translate(100 100)'/%3E%3C/svg%3E");
  --s-blob-sky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23e2f3ff' d='M44.7-58.6C57.6-48.6 67.4-34.1 71.9-17.8 76.4-1.5 75.6 16.7 67.9 31.3 60.2 45.9 45.6 57 29.5 63.7 13.4 70.4-4.2 72.7-21.2 68.4-38.2 64.1-54.6 53.2-64.6 38.1-74.6 23-78.3 3.7-73.7-13.1-69.1-29.9-56.3-44.2-41.9-54.1-27.6-64-13.8-69.5 1.2-71 16.2-72.4 31.8-68.6 44.7-58.6Z' transform='translate(100 100) rotate(60)'/%3E%3C/svg%3E");
}