body {
    --color-scale-ruby-50: #edf5f7;
    --color-scale-ruby-100: #cce4ee;
    --color-scale-ruby-200: #9acfdf;
    --color-scale-ruby-300: #56b0ca;
    --color-scale-ruby-400: #278db0;
    --color-scale-ruby-500: #1a6d8a;
    --color-scale-ruby-600: #14566e;
    --color-scale-ruby-700: #104455;
    --color-scale-ruby-800: #103a4e;
    --color-scale-ruby-900: #07222e;

    --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);
}