:root {
  --color-theme-accent: #2c4c41;
  --color-theme-accent-rgb: 44, 76, 65;
  --color-theme-light: #426d5f;
  --color-theme-light-rgb: 66, 109, 95;
  --color-theme-secondary: #426d5f;
  --color-theme-secondary-rgb: 66, 109, 95;
  --color-theme-assist: #67b278;
  --color-theme-assist-rgb: 103, 178, 120;
  --color-theme-variant: #5e8377;
  --color-theme-variant-rgb: 94, 131, 119;

  --color-public-btn-filled: #2c4c41;
  --color-public-btn-filled-rgb: 44, 76, 65;
  --color-public-btn-filled-hover: #567067;
  --color-public-btn-filled-hover-rgb: 86, 112, 103;
  --color-public-btn-filled-active: #6b827a;
  --color-public-btn-filled-active-rgb: 107, 130, 122;

  --color-public-btn-ghost: #f3f9f5;
  --color-public-btn-ghost-rgb: 243, 249, 245;
  --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;
}