:root {
    --pds-color-light-white: #ffffff;

    --pds-color-light-black-900: #01011b;
    --pds-color-light-black-800: #45455c;
    --pds-color-light-black-700: #6b6b81;
    --pds-color-light-black-600: #acacbe;
    --pds-color-light-black-500: #c1c1d4;
    --pds-color-light-black-400: #dadae8;
    --pds-color-light-black-300: #e8e8f3;
    --pds-color-light-black-200: #f1f1f9;
    --pds-color-light-black-100: #f4f4f9;
    --pds-color-light-black-50: #f9f9fc;

    --pds-color-light-violet-900: #3600c4;
    --pds-color-light-violet-800: #5300cb;
    --pds-color-light-violet-700: #6200d1;
    --pds-color-light-violet-600: #6f01d2;
    --pds-color-light-violet-500: #7b04df;
    --pds-color-light-violet-400: #9242e5;
    --pds-color-light-violet-300: #a768ea;
    --pds-color-light-violet-200: #c096f0;
    --pds-color-light-violet-100: #d9c1f5;
    --pds-color-light-violet-50: #f1e6fb;

    --pds-color-light-blue-900: #00458f;
    --pds-color-light-blue-800: #0054af;
    --pds-color-light-blue-700: #005bbe;
    --pds-color-light-blue-600: #0062cc;
    --pds-color-light-blue-500: #006be0;
    --pds-color-light-blue-400: #0073f0;
    --pds-color-light-blue-300: #2a90ff;
    --pds-color-light-blue-200: #67afff;
    --pds-color-light-blue-100: #a1ceff;
    --pds-color-light-blue-50: #eff7ff;

    --pds-color-light-green-900: #005800;
    --pds-color-light-green-800: #006500;
    --pds-color-light-green-700: #027602;
    --pds-color-light-green-600: #27981e;
    --pds-color-light-green-500: #32a727;
    --pds-color-light-green-400: #54b44b;
    --pds-color-light-green-300: #74c16b;
    --pds-color-light-green-200: #9dd296;
    --pds-color-light-green-100: #c3e3bf;
    --pds-color-light-green-50: #e6f4e5;

    --pds-color-light-yellow-900: #ffaa00;
    --pds-color-light-yellow-800: #ffb700;
    --pds-color-light-yellow-700: #ffc300;
    --pds-color-light-yellow-600: #ffc800;
    --pds-color-light-yellow-500: #ffcc00;
    --pds-color-light-yellow-400: #ffd425;
    --pds-color-light-yellow-300: #ffe16c;
    --pds-color-light-yellow-200: #ffeb9a;
    --pds-color-light-yellow-100: #fff0b3;
    --pds-color-light-yellow-50: #fff9e3;

    --pds-color-light-orange-900: #c34800;
    --pds-color-light-orange-800: #d86f18;
    --pds-color-light-orange-700: #df7d1c;
    --pds-color-light-orange-600: #e58b1f;
    --pds-color-light-orange-500: #e99623;
    --pds-color-light-orange-400: #eca537;
    --pds-color-light-orange-300: #efb456;
    --pds-color-light-orange-200: #f3ca85;
    --pds-color-light-orange-100: #f8deb5;
    --pds-color-light-orange-50: #fff4e0;

    --pds-color-light-red-900: #de0016;
    --pds-color-light-red-800: #f20018;
    --pds-color-light-red-700: #f91f35;
    --pds-color-light-red-600: #ff2e43;
    --pds-color-light-red-500: #ff4c5d;
    --pds-color-light-red-400: #ff6a78;
    --pds-color-light-red-300: #ff8893;
    --pds-color-light-red-200: #ffa6ae;
    --pds-color-light-red-100: #ffc3c9;
    --pds-color-light-red-50: #ffeeef;
}

:root {
    --pds-color-dark-white: #1e1e1e;

    --pds-color-dark-black-900: #f9f9f9;
    --pds-color-dark-black-800: #cccccc;
    --pds-color-dark-black-700: #a0a0a0;
    --pds-color-dark-black-600: #969696;
    --pds-color-dark-black-500: #686868;
    --pds-color-dark-black-400: #404040;
    --pds-color-dark-black-300: #2d2d2d;
    --pds-color-dark-black-200: #161616;
    --pds-color-dark-black-100: #121212;
    --pds-color-dark-black-50: #0a0a0a;

    --pds-color-dark-violet-900: #e6d5f9;
    --pds-color-dark-violet-800: #dcc5f7;
    --pds-color-dark-violet-700: #d3b6f5;
    --pds-color-dark-violet-600: #c6a0f1;
    --pds-color-dark-violet-500: #c096f0;
    --pds-color-dark-violet-400: #a380cc;
    --pds-color-dark-violet-300: #8669a8;
    --pds-color-dark-violet-200: #6a5384;
    --pds-color-dark-violet-100: #4d3c60;
    --pds-color-dark-violet-50: #30263c;

    --pds-color-dark-blue-900: #82c0ff;
    --pds-color-dark-blue-800: #66b2ff;
    --pds-color-dark-blue-700: #59acfe;
    --pds-color-dark-blue-600: #45a2ff;
    --pds-color-dark-blue-500: #2c95ff;
    --pds-color-dark-blue-400: #187ee4;
    --pds-color-dark-blue-300: #0f64b9;
    --pds-color-dark-blue-200: #074a8c;
    --pds-color-dark-blue-100: #053464;
    --pds-color-dark-blue-50: #102e4c;

    --pds-color-dark-green-900: #97de90;
    --pds-color-dark-green-800: #7dc676;
    --pds-color-dark-green-700: #69bd61;
    --pds-color-dark-green-600: #4fa746;
    --pds-color-dark-green-500: #479440;
    --pds-color-dark-green-400: #3f8039;
    --pds-color-dark-green-300: #376d32;
    --pds-color-dark-green-200: #2f592b;
    --pds-color-dark-green-100: #274624;
    --pds-color-dark-green-50: #1f321d;

    --pds-color-dark-yellow-900: #f7ca00;
    --pds-color-dark-yellow-800: #e3b900;
    --pds-color-dark-yellow-700: #dab200;
    --pds-color-dark-yellow-600: #bd9900;
    --pds-color-dark-yellow-500: #a28300;
    --pds-color-dark-yellow-400: #a78803;
    --pds-color-dark-yellow-300: #9c7e00;
    --pds-color-dark-yellow-200: #8a6f00;
    --pds-color-dark-yellow-100: #584a0b;
    --pds-color-dark-yellow-50: #3e350e;

    --pds-color-dark-orange-900: #ffb340;
    --pds-color-dark-orange-800: #ffa620;
    --pds-color-dark-orange-700: #ff9a00;
    --pds-color-dark-orange-600: #df8600;
    --pds-color-dark-orange-500: #bf7300;
    --pds-color-dark-orange-400: #a06000;
    --pds-color-dark-orange-300: #804d00;
    --pds-color-dark-orange-200: #603a00;
    --pds-color-dark-orange-100: #402600;
    --pds-color-dark-orange-50: #392200;

    --pds-color-dark-red-900: #ff453a;
    --pds-color-dark-red-800: #f71407;
    --pds-color-dark-red-700: #e80d00;
    --pds-color-dark-red-600: #db0c00;
    --pds-color-dark-red-500: #bc0a00;
    --pds-color-dark-red-400: #9d0900;
    --pds-color-dark-red-300: #7d0700;
    --pds-color-dark-red-200: #5e0500;
    --pds-color-dark-red-100: #3f0300;
    --pds-color-dark-red-50: #3f110e;
}

:root,
[data-pds-color-scheme='light'] {
    --white: var(--pds-color-light-white);

    --black-900: var(--pds-color-light-black-900);
    --black-800: var(--pds-color-light-black-800);
    --black-700: var(--pds-color-light-black-700);
    --black-600: var(--pds-color-light-black-600);
    --black-500: var(--pds-color-light-black-500);
    --black-400: var(--pds-color-light-black-400);
    --black-300: var(--pds-color-light-black-300);
    --black-200: var(--pds-color-light-black-200);
    --black-100: var(--pds-color-light-black-100);
    --black-50: var(--pds-color-light-black-50);

    --violet-900: var(--pds-color-light-violet-900);
    --violet-800: var(--pds-color-light-violet-800);
    --violet-700: var(--pds-color-light-violet-700);
    --violet-600: var(--pds-color-light-violet-600);
    --violet-500: var(--pds-color-light-violet-500);
    --violet-400: var(--pds-color-light-violet-400);
    --violet-300: var(--pds-color-light-violet-300);
    --violet-200: var(--pds-color-light-violet-200);
    --violet-100: var(--pds-color-light-violet-100);
    --violet-50: var(--pds-color-light-violet-50);

    --blue-900: var(--pds-color-light-blue-900);
    --blue-800: var(--pds-color-light-blue-800);
    --blue-700: var(--pds-color-light-blue-700);
    --blue-600: var(--pds-color-light-blue-600);
    --blue-500: var(--pds-color-light-blue-500);
    --blue-400: var(--pds-color-light-blue-400);
    --blue-300: var(--pds-color-light-blue-300);
    --blue-200: var(--pds-color-light-blue-200);
    --blue-100: var(--pds-color-light-blue-100);
    --blue-50: var(--pds-color-light-blue-50);

    --green-900: var(--pds-color-light-green-900);
    --green-800: var(--pds-color-light-green-800);
    --green-700: var(--pds-color-light-green-700);
    --green-600: var(--pds-color-light-green-600);
    --green-500: var(--pds-color-light-green-500);
    --green-400: var(--pds-color-light-green-400);
    --green-300: var(--pds-color-light-green-300);
    --green-200: var(--pds-color-light-green-200);
    --green-100: var(--pds-color-light-green-100);
    --green-50: var(--pds-color-light-green-50);

    --yellow-900: var(--pds-color-light-yellow-900);
    --yellow-800: var(--pds-color-light-yellow-800);
    --yellow-700: var(--pds-color-light-yellow-700);
    --yellow-600: var(--pds-color-light-yellow-600);
    --yellow-500: var(--pds-color-light-yellow-500);
    --yellow-400: var(--pds-color-light-yellow-400);
    --yellow-300: var(--pds-color-light-yellow-300);
    --yellow-200: var(--pds-color-light-yellow-200);
    --yellow-100: var(--pds-color-light-yellow-100);
    --yellow-50: var(--pds-color-light-yellow-50);

    --orange-900: var(--pds-color-light-orange-900);
    --orange-800: var(--pds-color-light-orange-800);
    --orange-700: var(--pds-color-light-orange-700);
    --orange-600: var(--pds-color-light-orange-600);
    --orange-500: var(--pds-color-light-orange-500);
    --orange-400: var(--pds-color-light-orange-400);
    --orange-300: var(--pds-color-light-orange-300);
    --orange-200: var(--pds-color-light-orange-200);
    --orange-100: var(--pds-color-light-orange-100);
    --orange-50: var(--pds-color-light-orange-50);

    --red-900: var(--pds-color-light-red-900);
    --red-800: var(--pds-color-light-red-800);
    --red-700: var(--pds-color-light-red-700);
    --red-600: var(--pds-color-light-red-600);
    --red-500: var(--pds-color-light-red-500);
    --red-400: var(--pds-color-light-red-400);
    --red-300: var(--pds-color-light-red-300);
    --red-200: var(--pds-color-light-red-200);
    --red-100: var(--pds-color-light-red-100);
    --red-50: var(--pds-color-light-red-50);
}

[data-pds-color-scheme='dark'] {
    --white: var(--pds-color-dark-white);

    --black-900: var(--pds-color-dark-black-900);
    --black-800: var(--pds-color-dark-black-800);
    --black-700: var(--pds-color-dark-black-700);
    --black-600: var(--pds-color-dark-black-600);
    --black-500: var(--pds-color-dark-black-500);
    --black-400: var(--pds-color-dark-black-400);
    --black-300: var(--pds-color-dark-black-300);
    --black-200: var(--pds-color-dark-black-200);
    --black-100: var(--pds-color-dark-black-100);
    --black-50: var(--pds-color-dark-black-50);

    --violet-900: var(--pds-color-dark-violet-900);
    --violet-800: var(--pds-color-dark-violet-800);
    --violet-700: var(--pds-color-dark-violet-700);
    --violet-600: var(--pds-color-dark-violet-600);
    --violet-500: var(--pds-color-dark-violet-500);
    --violet-400: var(--pds-color-dark-violet-400);
    --violet-300: var(--pds-color-dark-violet-300);
    --violet-200: var(--pds-color-dark-violet-200);
    --violet-100: var(--pds-color-dark-violet-100);
    --violet-50: var(--pds-color-dark-violet-50);

    --blue-900: var(--pds-color-dark-blue-900);
    --blue-800: var(--pds-color-dark-blue-800);
    --blue-700: var(--pds-color-dark-blue-700);
    --blue-600: var(--pds-color-dark-blue-600);
    --blue-500: var(--pds-color-dark-blue-500);
    --blue-400: var(--pds-color-dark-blue-400);
    --blue-300: var(--pds-color-dark-blue-300);
    --blue-200: var(--pds-color-dark-blue-200);
    --blue-100: var(--pds-color-dark-blue-100);
    --blue-50: var(--pds-color-dark-blue-50);

    --green-900: var(--pds-color-dark-green-900);
    --green-800: var(--pds-color-dark-green-800);
    --green-700: var(--pds-color-dark-green-700);
    --green-600: var(--pds-color-dark-green-600);
    --green-500: var(--pds-color-dark-green-500);
    --green-400: var(--pds-color-dark-green-400);
    --green-300: var(--pds-color-dark-green-300);
    --green-200: var(--pds-color-dark-green-200);
    --green-100: var(--pds-color-dark-green-100);
    --green-50: var(--pds-color-dark-green-50);

    --yellow-900: var(--pds-color-dark-yellow-900);
    --yellow-800: var(--pds-color-dark-yellow-800);
    --yellow-700: var(--pds-color-dark-yellow-700);
    --yellow-600: var(--pds-color-dark-yellow-600);
    --yellow-500: var(--pds-color-dark-yellow-500);
    --yellow-400: var(--pds-color-dark-yellow-400);
    --yellow-300: var(--pds-color-dark-yellow-300);
    --yellow-200: var(--pds-color-dark-yellow-200);
    --yellow-100: var(--pds-color-dark-yellow-100);
    --yellow-50: var(--pds-color-dark-yellow-50);

    --orange-900: var(--pds-color-dark-orange-900);
    --orange-800: var(--pds-color-dark-orange-800);
    --orange-700: var(--pds-color-dark-orange-700);
    --orange-600: var(--pds-color-dark-orange-600);
    --orange-500: var(--pds-color-dark-orange-500);
    --orange-400: var(--pds-color-dark-orange-400);
    --orange-300: var(--pds-color-dark-orange-300);
    --orange-200: var(--pds-color-dark-orange-200);
    --orange-100: var(--pds-color-dark-orange-100);
    --orange-50: var(--pds-color-dark-orange-50);

    --red-900: var(--pds-color-dark-red-900);
    --red-800: var(--pds-color-dark-red-800);
    --red-700: var(--pds-color-dark-red-700);
    --red-600: var(--pds-color-dark-red-600);
    --red-500: var(--pds-color-dark-red-500);
    --red-400: var(--pds-color-dark-red-400);
    --red-300: var(--pds-color-dark-red-300);
    --red-200: var(--pds-color-dark-red-200);
    --red-100: var(--pds-color-dark-red-100);
    --red-50: var(--pds-color-dark-red-50);
}

@media (prefers-color-scheme: dark) {
    [data-pds-color-scheme='auto'] {
        --white: var(--pds-color-dark-white);

        --black-900: var(--pds-color-dark-black-900);
        --black-800: var(--pds-color-dark-black-800);
        --black-700: var(--pds-color-dark-black-700);
        --black-600: var(--pds-color-dark-black-600);
        --black-500: var(--pds-color-dark-black-500);
        --black-400: var(--pds-color-dark-black-400);
        --black-300: var(--pds-color-dark-black-300);
        --black-200: var(--pds-color-dark-black-200);
        --black-100: var(--pds-color-dark-black-100);
        --black-50: var(--pds-color-dark-black-50);

        --violet-900: var(--pds-color-dark-violet-900);
        --violet-800: var(--pds-color-dark-violet-800);
        --violet-700: var(--pds-color-dark-violet-700);
        --violet-600: var(--pds-color-dark-violet-600);
        --violet-500: var(--pds-color-dark-violet-500);
        --violet-400: var(--pds-color-dark-violet-400);
        --violet-300: var(--pds-color-dark-violet-300);
        --violet-200: var(--pds-color-dark-violet-200);
        --violet-100: var(--pds-color-dark-violet-100);
        --violet-50: var(--pds-color-dark-violet-50);

        --blue-900: var(--pds-color-dark-blue-900);
        --blue-800: var(--pds-color-dark-blue-800);
        --blue-700: var(--pds-color-dark-blue-700);
        --blue-600: var(--pds-color-dark-blue-600);
        --blue-500: var(--pds-color-dark-blue-500);
        --blue-400: var(--pds-color-dark-blue-400);
        --blue-300: var(--pds-color-dark-blue-300);
        --blue-200: var(--pds-color-dark-blue-200);
        --blue-100: var(--pds-color-dark-blue-100);
        --blue-50: var(--pds-color-dark-blue-50);

        --green-900: var(--pds-color-dark-green-900);
        --green-800: var(--pds-color-dark-green-800);
        --green-700: var(--pds-color-dark-green-700);
        --green-600: var(--pds-color-dark-green-600);
        --green-500: var(--pds-color-dark-green-500);
        --green-400: var(--pds-color-dark-green-400);
        --green-300: var(--pds-color-dark-green-300);
        --green-200: var(--pds-color-dark-green-200);
        --green-100: var(--pds-color-dark-green-100);
        --green-50: var(--pds-color-dark-green-50);

        --yellow-900: var(--pds-color-dark-yellow-900);
        --yellow-800: var(--pds-color-dark-yellow-800);
        --yellow-700: var(--pds-color-dark-yellow-700);
        --yellow-600: var(--pds-color-dark-yellow-600);
        --yellow-500: var(--pds-color-dark-yellow-500);
        --yellow-400: var(--pds-color-dark-yellow-400);
        --yellow-300: var(--pds-color-dark-yellow-300);
        --yellow-200: var(--pds-color-dark-yellow-200);
        --yellow-100: var(--pds-color-dark-yellow-100);
        --yellow-50: var(--pds-color-dark-yellow-50);

        --orange-900: var(--pds-color-dark-orange-900);
        --orange-800: var(--pds-color-dark-orange-800);
        --orange-700: var(--pds-color-dark-orange-700);
        --orange-600: var(--pds-color-dark-orange-600);
        --orange-500: var(--pds-color-dark-orange-500);
        --orange-400: var(--pds-color-dark-orange-400);
        --orange-300: var(--pds-color-dark-orange-300);
        --orange-200: var(--pds-color-dark-orange-200);
        --orange-100: var(--pds-color-dark-orange-100);
        --orange-50: var(--pds-color-dark-orange-50);

        --red-900: var(--pds-color-dark-red-900);
        --red-800: var(--pds-color-dark-red-800);
        --red-700: var(--pds-color-dark-red-700);
        --red-600: var(--pds-color-dark-red-600);
        --red-500: var(--pds-color-dark-red-500);
        --red-400: var(--pds-color-dark-red-400);
        --red-300: var(--pds-color-dark-red-300);
        --red-200: var(--pds-color-dark-red-200);
        --red-100: var(--pds-color-dark-red-100);
        --red-50: var(--pds-color-dark-red-50);
    }
}
