:root {
  --color-theme-accent: #006738;
  --color-theme-accent-rgb: 0, 103, 56;
  --color-theme-assist: #67b278;
  --color-theme-assist-rgb: 103, 178, 120;
  --color-theme-light: #018e4e;
  --color-theme-light-rgb: 1, 142, 78;
  --color-theme-secondary: #018e4e;
  --color-theme-secondary-rgb: 1, 142, 78;
  --color-theme-variant: #5e8377;
  --color-theme-variant-rgb: 94, 131, 119;

  --color-public-btn-filled: #006738;
  --color-public-btn-filled-rgb: 0, 103, 56;
  --color-public-btn-filled-hover: #018e4e;
  --color-public-btn-filled-hover-rgb: 1, 142, 78;
  --color-public-btn-filled-active: #5e8377;
  --color-public-btn-filled-active-rgb: 94, 131, 119;

  --color-public-btn-ghost: #f3f9f4;
  --color-public-btn-ghost-rgb: 243, 249, 244;
  --color-public-btn-ghost-hover: #e7f3e9;
  --color-public-btn-ghost-hover-rgb: 231, 243, 233;
  --color-public-btn-ghost-active: #e1f0e4;
  --color-public-btn-ghost-active-rgb: 225, 240, 228;
}