:root {
  --color-theme-accent: #0a2545;
  --color-theme-accent-rgb: 10, 37, 69;
  --color-theme-assist: #3583f6;
  --color-theme-assist-rgb: 53, 131, 246;
  --color-theme-light: #043f86;
  --color-theme-light-rgb: 4, 63, 134;
  --color-theme-secondary: #043f86;
  --color-theme-secondary-rgb: 4, 63, 134;
  --color-theme-variant: #2764ae;
  --color-theme-variant-rgb: 39, 100, 174;

  --color-public-btn-filled: #0a2545;
  --color-public-btn-filled-rgb: 10, 37, 69;
  --color-public-btn-filled-hover: #043f86;
  --color-public-btn-filled-hover-rgb: 4, 63, 134;
  --color-public-btn-filled-active: #2764ae;
  --color-public-btn-filled-active-rgb: 39, 100, 174;

  --color-public-btn-ghost: #f9f9f9;
  --color-public-btn-ghost-rgb: 249, 249, 249;
  --color-public-btn-ghost-hover: #dfebfe;
  --color-public-btn-ghost-hover-rgb: 223, 235, 254;
  --color-public-btn-ghost-active: #d7e6fd;
  --color-public-btn-ghost-active-rgb: 215, 230, 253;
}