:root {
    --p-primary-color: #474dff;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #ededff;
    --p-primary-100: #d1d3ff;
    --p-primary-200: #a3a6ff;
    --p-primary-300: #757aff;
    --p-primary-400: #595fff;
    --p-primary-500: #474dff;
    --p-primary-600: #4045e6;
    --p-primary-700: #393ecc;
    --p-primary-800: #3236b3;
    --p-primary-900: #272a8c;
    --p-surface-50: #fefefe;
    --p-surface-100: #fdfdfd;
    --p-surface-200: #fbfbfb;
    --p-surface-300: #f9f9f9;
    --p-surface-400: #f8f8f8;
    --p-surface-500: #f7f7f7;
    --p-surface-600: #dedede;
    --p-surface-700: #c6c6c6;
    --p-surface-800: #adadad;
    --p-surface-900: #888888;
}