body {
    --color-scale-ruby-50: #eaf3f9;
    --color-scale-ruby-100: #d0e6f7;
    --color-scale-ruby-200: #aadaf4;
    --color-scale-ruby-300: #78caf2;
    --color-scale-ruby-400: #49bdf3;
    --color-scale-ruby-500: #2aa5d8;
    --color-scale-ruby-600: #1f83ab;
    --color-scale-ruby-700: #196b94;
    --color-scale-ruby-800: #115178;
    --color-scale-ruby-900: #043c64;

    --color-button-primary-regular: var(--color-scale-ruby-400);
    --color-button-primary-hover: var(--color-scale-ruby-500);

    --color-button-tertiary-regular: var(--color-scale-ruby-700);
    --color-button-tertiary-hover: var(--color-scale-ruby-800);
}