:root {
    --page-color-dark: #15010a;
    --page-color-light: #f7f7f7;
    --page-color-support: #cdcccc;

    --page-color-backdrop-alt-1: #2f0040;
    --page-color-backdrop-alt-2: #440e61;
    --page-color-backdrop-alt-3: #4D3755CC;

    --page-color-primary-10: #ffb54d;
    --page-color-primary-20: #ffa11d;
    --page-color-primary-30: #f46121;
    --page-color-primary-40: #f1520d;
    --page-color-primary-50: #e73612;

    --page-color-secondary-10: #7b5f8a;
    --page-color-secondary-20: #583364;
    --page-color-secondary-30: #4a2556;
    --page-color-secondary-40: #b551d0;

    --page-color-personal: #ffea00;

    --page-color-text-link-default: #ffb54d;
    --page-color-text-link-active: #f46121;

    --page-color-tertiary-10: #18000A1A;
    --page-color-tertiary-20: #1B042BCC;
    --page-color-tertiary-30: #83449966;
    --page-color-tertiary-40: #764590CC;
    --page-color-tertiary-50: #8d55ab;
    --page-color-tertiary-60: #440e61;
    --page-color-tertiary-70: #2f0040;

    --page-gradient-primary: linear-gradient(to right, #f1520d 0%, #9c0003 68%, #9c0003 100%);
    --page-gradient-secondary: linear-gradient(to right, #ed0df1 0%, #2c006f 68%, #2c006f 100%);
    --page-gradient-tertiary: linear-gradient(201deg, #ffe602 -4.58%, #ff5810 38.35%, #c110ff 111.23%);
    
    --page-color-error: #f65757;
    --page-color-successfully: #20d552;
    --page-color-warning: #ff804e;

    --page-color-black: #000;
    --page-color-white: #fff;
}