body {
    --color-scale-ruby-50: #eff2f9;
    --color-scale-ruby-100: #cedaed;
    --color-scale-ruby-200: #a0b8dc;
    --color-scale-ruby-300: #8aa7d1;
    --color-scale-ruby-400: #6c8bc6;
    --color-scale-ruby-500: #5673b4;
    --color-scale-ruby-600: #45609e;
    --color-scale-ruby-700: #314b7b;
    --color-scale-ruby-800: #213964;
    --color-scale-ruby-900: #112447;

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