:root {
  /* Palette from the old SCSS theme */
  --color-green-rgb: 239 246 239;
  --color-pink-rgb: 250 230 239;
  --color-blue-rgb: 241 247 251;
  --color-purple-rgb: 247 241 253;
  --color-yellow-rgb: 254 249 240;

  --color-white-rgb: 247 248 249;
  --color-gray-light-rgb: 225 225 225;
  --color-black-rgb: 122 122 122;

  /* Derived from the old SCSS adjustments, with pink as the main accent */
  --color-primary-rgb: 233 145 185;
  --color-bg-rgb: 241 241 241;
  --color-card-rgb: 255 250 253;
  --color-muted-rgb: 132 132 132;
  --color-accent-rgb: 224 103 157;
  --color-accent-2-rgb: 241 188 212;
  --color-glass-rgb: 255 255 255;
  --color-red-rgb: 234 67 53;
  --color-overlay-rgb: 0 0 0;

  --shadow-brand: 0 4px 6px rgba(224, 103, 157, 0.12);
  --radius-brand: 16px;
  --max-width-brand: 1200px;
  --gap-brand: 1.25rem;
  --transition-brand: 200ms ease;
}