:root {
    --p-primary-color: #6c5e4b;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #f0efed;
    --p-primary-100: #dad7d2;
    --p-primary-200: #b6afa5;
    --p-primary-300: #918678;
    --p-primary-400: #7b6e5d;
    --p-primary-500: #6c5e4b;
    --p-primary-600: #615544;
    --p-primary-700: #564b3c;
    --p-primary-800: #4c4235;
    --p-primary-900: #3b3429;
    --p-surface-50: #fffffe;
    --p-surface-100: #fffffc;
    --p-surface-200: #fffff9;
    --p-surface-300: #fffff5;
    --p-surface-400: #fffff3;
    --p-surface-500: #fffff2;
    --p-surface-600: #e6e6da;
    --p-surface-700: #ccccc2;
    --p-surface-800: #b3b3a9;
    --p-surface-900: #8c8c85;
}