body {
    --color-scale-ruby-50: #f3f1f7;
    --color-scale-ruby-100: #e6e0f0;
    --color-scale-ruby-200: #d9cfe9;
    --color-scale-ruby-300: #c9b9e0;
    --color-scale-ruby-400: #bea9da;
    --color-scale-ruby-500: #ab8ed0;
    --color-scale-ruby-600: #9265c3;
    --color-scale-ruby-700: #7f4bb3;
    --color-scale-ruby-800: #653591;
    --color-scale-ruby-900: #4e2474;

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