:root {
  --color-theme-accent: #4c20a4;
  --color-theme-accent-rgb: 76, 32, 164;
  --color-theme-light: #794fcc;
  --color-theme-light-rgb: 121, 79, 204;
  --color-theme-secondary: #794fcc;
  --color-theme-secondary-rgb: 121, 79, 204;
  --color-theme-assist: #2e59f1;
  --color-theme-assist-rgb: 46, 89, 241;
  --color-theme-variant: #966de8;
  --color-theme-variant-rgb: 150, 109, 232;

  --color-public-btn-filled: #4c20a4;
  --color-public-btn-filled-rgb: 76, 32, 164;
  --color-public-btn-filled-hover: #794fcc;
  --color-public-btn-filled-hover-rgb: 121, 79, 204;
  --color-public-btn-filled-active: #966de8;
  --color-public-btn-filled-active-rgb: 150, 109, 232;

  --color-public-btn-ghost: #f9f9f9;
  --color-public-btn-ghost-rgb: 249, 249, 249;
  --color-public-btn-ghost-hover: #dde4fd;
  --color-public-btn-ghost-hover-rgb: 221, 228, 253;
  --color-public-btn-ghost-active: #d5defc;
  --color-public-btn-ghost-active-rgb: 213, 222, 252;
}