:root {
    --p-primary-color: #3f0563;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #ece6ef;
    --p-primary-100: #cfc1d8;
    --p-primary-200: #9f82b1;
    --p-primary-300: #6f448a;
    --p-primary-400: #521e73;
    --p-primary-500: #3f0563;
    --p-primary-600: #390559;
    --p-primary-700: #32044f;
    --p-primary-800: #2c0445;
    --p-primary-900: #230336;
    --p-surface-50: #fdfdfd;
    --p-surface-100: #fafafa;
    --p-surface-200: #f5f5f5;
    --p-surface-300: #f0f0f0;
    --p-surface-400: #ededed;
    --p-surface-500: #ebebeb;
    --p-surface-600: #d4d4d4;
    --p-surface-700: #bcbcbc;
    --p-surface-800: #a5a5a5;
    --p-surface-900: #818181;
}