:root {
    --p-primary-color: #545454;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #eeeeee;
    --p-primary-100: #d4d4d4;
    --p-primary-200: #aaaaaa;
    --p-primary-300: #7f7f7f;
    --p-primary-400: #656565;
    --p-primary-500: #545454;
    --p-primary-600: #4c4c4c;
    --p-primary-700: #434343;
    --p-primary-800: #3b3b3b;
    --p-primary-900: #2e2e2e;
    --p-surface-50: #f5f5f5;
    --p-surface-100: #e7e7e7;
    --p-surface-200: #cfcfcf;
    --p-surface-300: #b6b6b6;
    --p-surface-400: #a8a8a8;
    --p-surface-500: #9e9e9e;
    --p-surface-600: #8e8e8e;
    --p-surface-700: #7e7e7e;
    --p-surface-800: #6f6f6f;
    --p-surface-900: #575757;
}