:root {
  /* -- Colors -- */
  --rs-mint:          #7ED8CC;
  --rs-mint-light:    #B2EDE7;
  --rs-mint-dark:     #52B8AC;
  --rs-cream:         #FDFAF5;
  --rs-ink:           #1A1A1A;
  --rs-cherry:        #CC2222;
  --rs-cherry-dark:   #8B0000;
  --rs-leaf:          #3D7A2C;
  --rs-vanilla:       #F5ECD7;

  /* -- Typography -- */
  --rs-font-display:  'Dancing Script', cursive;
  --rs-font-serif:    'Playfair Display', Georgia, serif;
  --rs-font-body:     'DM Sans', sans-serif;

  /* -- Spacing -- */
  --rs-space-xs: 4px;
  --rs-space-sm: 8px;
  --rs-space-md: 16px;
  --rs-space-lg: 28px;
  --rs-space-xl: 48px;

  /* -- Radius -- */
  --rs-radius-sm:   8px;
  --rs-radius-md:   14px;
  --rs-radius-lg:   22px;
  --rs-radius-pill: 100px;

  /* -- Shadows -- */
  --rs-shadow:        0 4px 18px rgba(0, 0, 0, 0.10);
  --rs-shadow-mint:   0 8px 28px rgba(126, 216, 204, 0.45);
  --rs-shadow-cherry: 0 6px 20px rgba(204, 34, 34, 0.30);
}