:root {
  --color-theme-accent: #223b68;
  --color-theme-accent-rgb: 34, 59, 104;
  --color-theme-light: #385da3;
  --color-theme-light-rgb: 56, 93, 163;
  --color-theme-secondary: #385da3;
  --color-theme-secondary-rgb: 56, 93, 163;
  --color-theme-assist: #4ba9fa;
  --color-theme-assist-rgb: 75, 169, 250;
  --color-theme-variant: #5588e9;
  --color-theme-variant-rgb: 85, 136, 233;

  --color-public-btn-filled: #223b68;
  --color-public-btn-filled-rgb: 34, 59, 104;
  --color-public-btn-filled-hover: #385da3;
  --color-public-btn-filled-hover-rgb: 56, 93, 163;
  --color-public-btn-filled-active: #5588e9;
  --color-public-btn-filled-active-rgb: 85, 136, 233;

  --color-public-btn-ghost: #f9f9f9;
  --color-public-btn-ghost-rgb: 249, 249, 249;
  --color-public-btn-ghost-hover: #e2f1fe;
  --color-public-btn-ghost-hover-rgb: 226, 241, 254;
  --color-public-btn-ghost-active: #dbeefe;
  --color-public-btn-ghost-active-rgb: 219, 238, 254;
}