:root {
  --primary-color: #e33aa9;
  --primary-color-rgb: 227, 58, 169;
  --primary-color-dark: #300e24;
  --primary-color-dark-rgb: 48, 14, 36;
  --color-on-primary: #ffffff;
  --tint-primary: brightness(0) saturate(100%) invert(35%) sepia(76%) saturate(4909%) hue-rotate(301deg) brightness(98%)
    contrast(81%);
  --secondary-color: #f9d536;
  --secondary-color-rgb: 249, 213, 54;
  --secondary-color-dark: #322b0b;
  --secondary-color-dark-rgb: 50, 43, 11;
  --color-on-secondary: #000000;
  --tint-secondary: brightness(0) saturate(100%) invert(95%) sepia(98%) saturate(7490%) hue-rotate(327deg)
    brightness(102%) contrast(95%);
  --tertiary-color: #1f3a8b;
  --tertiary-color-rgb: 31, 58, 139;
  --tertiary-color-dark: #031131;
  --tertiary-color-dark-rgb: 3, 17, 49;
  --color-on-tertiary: #ffffff;
  --tint-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%)
    contrast(103%);
}