:root {
    --p-primary-color: #2e2e2e;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #eaeaea;
    --p-primary-100: #cbcbcb;
    --p-primary-200: #979797;
    --p-primary-300: #626262;
    --p-primary-400: #434343;
    --p-primary-500: #2e2e2e;
    --p-primary-600: #292929;
    --p-primary-700: #252525;
    --p-primary-800: #202020;
    --p-primary-900: #191919;
    --p-surface-50: #fffefe;
    --p-surface-100: #fffefc;
    --p-surface-200: #fefcfa;
    --p-surface-300: #fefbf7;
    --p-surface-400: #fdfaf5;
    --p-surface-500: #fdf9f4;
    --p-surface-600: #e4e0dc;
    --p-surface-700: #cac7c3;
    --p-surface-800: #b1aeab;
    --p-surface-900: #8b8986;
}