:root {
  --color-theme-accent: #ff6600;
  --color-theme-accent-rgb: 255, 102, 0;
  --color-theme-assist: #474747;
  --color-theme-assist-rgb: 71, 71, 71;
  --color-theme-light: #ff8838;
  --color-theme-light-rgb: 255, 136, 56;
  --color-theme-secondary: #ff8838;
  --color-theme-secondary-rgb: 255, 136, 56;
  --color-theme-variant: #eba475;
  --color-theme-variant-rgb: 235, 164, 117;

  --color-public-btn-filled: #ff6600;
  --color-public-btn-filled-rgb: 255, 102, 0;
  --color-public-btn-filled-hover: #ff8838;
  --color-public-btn-filled-hover-rgb: 255, 136, 56;
  --color-public-btn-filled-active: #eba475;
  --color-public-btn-filled-active-rgb: 235, 164, 117;

  --color-public-btn-ghost: #f0f0f0;
  --color-public-btn-ghost-rgb: 240, 240, 240;
  --color-public-btn-ghost-hover: #e2e2e2;
  --color-public-btn-ghost-hover-rgb: 226, 226, 226;
  --color-public-btn-ghost-active: #dadada;
  --color-public-btn-ghost-active-rgb: 218, 218, 218;
}