:root {
    --p-primary-color: #212529;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #e9e9ea;
    --p-primary-100: #c8c9ca;
    --p-primary-200: #909294;
    --p-primary-300: #595c5f;
    --p-primary-400: #373b3e;
    --p-primary-500: #212529;
    --p-primary-600: #1e2125;
    --p-primary-700: #1a1e21;
    --p-primary-800: #171a1d;
    --p-primary-900: #121417;
    --p-surface-50: #fefeff;
    --p-surface-100: #fcfdfe;
    --p-surface-200: #f9fbfd;
    --p-surface-300: #f5f8fb;
    --p-surface-400: #f3f7fb;
    --p-surface-500: #f2f6fa;
    --p-surface-600: #dadde1;
    --p-surface-700: #c2c5c8;
    --p-surface-800: #a9acaf;
    --p-surface-900: #85878a;
}