:root {
    --p-primary-color: #5299bc;
    --p-primary-contrast-color: #000000;
    --p-primary-50: #eef5f8;
    --p-primary-100: #d4e6ee;
    --p-primary-200: #a9ccde;
    --p-primary-300: #7db3cd;
    --p-primary-400: #63a3c3;
    --p-primary-500: #5299bc;
    --p-primary-600: #4a8aa9;
    --p-primary-700: #427a96;
    --p-primary-800: #396b84;
    --p-primary-900: #2d5467;
    --p-surface-50: #fffefd;
    --p-surface-100: #fefdfa;
    --p-surface-200: #fefbf5;
    --p-surface-300: #fdf8ef;
    --p-surface-400: #fcf7ec;
    --p-surface-500: #fcf6ea;
    --p-surface-600: #e3ddd3;
    --p-surface-700: #cac5bb;
    --p-surface-800: #b0aca4;
    --p-surface-900: #8b8781;
}