:root {
    --p-primary-color: #0b017d;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #e7e6f2;
    --p-primary-100: #c2c0df;
    --p-primary-200: #8580be;
    --p-primary-300: #48419e;
    --p-primary-400: #231a8a;
    --p-primary-500: #0b017d;
    --p-primary-600: #0a0171;
    --p-primary-700: #090164;
    --p-primary-800: #080158;
    --p-primary-900: #060145;
    --p-surface-50: #fefefe;
    --p-surface-100: #fbfbfb;
    --p-surface-200: #f8f8f8;
    --p-surface-300: #f4f4f4;
    --p-surface-400: #f2f2f2;
    --p-surface-500: #f0f0f0;
    --p-surface-600: #d8d8d8;
    --p-surface-700: #c0c0c0;
    --p-surface-800: #a8a8a8;
    --p-surface-900: #848484;
}