:root {
  /* The candy stripe is the brand's signature surface -- it appears on the
     gift boxes, the shopping bags, the retail header panels and the wrap.
     Always vertical, always equal-width, always cream + pink. */
  --stripe-w: 34px;
  --stripe-w-sm: 18px;
  --stripe-w-lg: 62px;
  --stripe-cream-pink: repeating-linear-gradient(90deg, var(--cream-100) 0 var(--stripe-w), var(--pink-300) var(--stripe-w) calc(var(--stripe-w) * 2)); /* @kind color */
  --stripe-cream-pink-sm: repeating-linear-gradient(90deg, var(--cream-100) 0 var(--stripe-w-sm), var(--pink-300) var(--stripe-w-sm) calc(var(--stripe-w-sm) * 2)); /* @kind color */
  --stripe-white-rose: repeating-linear-gradient(90deg, #fffdfb 0 var(--stripe-w), var(--pink-400) var(--stripe-w) calc(var(--stripe-w) * 2)); /* @kind color */
  --stripe-tonal: repeating-linear-gradient(90deg, var(--pink-100) 0 var(--stripe-w-lg), var(--pink-200) var(--stripe-w-lg) calc(var(--stripe-w-lg) * 2)); /* @kind color */

  /* diffuse boutique light: the pink-room wash behind every hero */
  --wash-boudoir: radial-gradient(120% 90% at 50% 0%, var(--cream-50) 0%, var(--pink-100) 46%, var(--pink-200) 100%); /* @kind color */
  --wash-blush: radial-gradient(100% 100% at 50% 100%, var(--pink-200) 0%, var(--cream-100) 70%); /* @kind color */
  --wash-cabinet: linear-gradient(180deg, var(--pink-100) 0%, var(--cream-100) 55%, var(--pink-200) 100%); /* @kind color */

  /* hairline foil rules -- the gold band on the bags and box lids */
  --rule-gold: linear-gradient(90deg, transparent 0%, var(--gold-400) 12%, var(--gold-300) 50%, var(--gold-400) 88%, transparent 100%); /* @kind color */
  --rule-ink: linear-gradient(90deg, transparent 0%, var(--line-hairline) 15%, var(--line-hairline) 85%, transparent 100%); /* @kind color */
}