:root {
  --color-theme-accent: #007a00;
  --color-theme-accent-rgb: 0, 122, 0;
  --color-theme-assist: #0173eb;
  --color-theme-assist-rgb: 1, 115, 235;
  --color-theme-light: #22a322;
  --color-theme-light-rgb: 34, 163, 34;
  --color-theme-secondary: #22a322;
  --color-theme-secondary-rgb: 34, 163, 34;
  --color-theme-variant: #49b749;
  --color-theme-variant-rgb: 73, 183, 73;

  --color-public-btn-filled: #007a00;
  --color-public-btn-filled-rgb: 0, 122, 0;
  --color-public-btn-filled-hover: #22a322;
  --color-public-btn-filled-hover-rgb: 34, 163, 34;
  --color-public-btn-filled-active: #49b749;
  --color-public-btn-filled-active-rgb: 73, 183, 73;

  --color-public-btn-ghost: #ebf4fd;
  --color-public-btn-ghost-rgb: 235, 244, 253;
  --color-public-btn-ghost-hover: #d6e9fc;
  --color-public-btn-ghost-hover-rgb: 214, 233, 252;
  --color-public-btn-ghost-active: #cce3fb;
  --color-public-btn-ghost-active-rgb: 204, 227, 251;
}