:root {
  --color-theme-accent: #3b3b3b;
  --color-theme-accent-rgb: 59, 59, 59;
  --color-theme-assist: #2a65e7;
  --color-theme-assist-rgb: 42, 101, 231;
  --color-theme-light: #84a8f8;
  --color-theme-light-rgb: 132, 168, 248;
  --color-theme-secondary: #222222;
  --color-theme-secondary-rgb: 34, 34, 34;
  --color-theme-variant: #2a2c31;
  --color-theme-variant-rgb: 42, 44, 49;
  --color-public-btn-filled: #3b3b3b;
  --color-public-btn-filled-rgb: 59, 59, 59;
  --color-public-btn-filled-hover: #222222;
  --color-public-btn-filled-hover-rgb: 0, 0, 0;
  --color-public-btn-filled-active: #2a2c31;
  --color-public-btn-filled-active-rgb: 42, 44, 49;
  --color-public-btn-ghost: #f9f9f9;
  --color-public-btn-ghost-rgb: 249, 249, 249;
  --color-public-btn-ghost-hover: #f1f1f1;
  --color-public-btn-ghost-hover-rgb: 241, 241, 241;
  --color-public-btn-ghost-active: #ededee;
  --color-public-btn-ghost-active-rgb: 237, 237, 238;
}