:root {
    --p-primary-color: #5f7fa3;
    --p-primary-contrast-color: #000000;
    --p-primary-50: #eff2f6;
    --p-primary-100: #d7dfe8;
    --p-primary-200: #afbfd1;
    --p-primary-300: #879fba;
    --p-primary-400: #6f8cac;
    --p-primary-500: #5f7fa3;
    --p-primary-600: #567293;
    --p-primary-700: #4c6682;
    --p-primary-800: #435972;
    --p-primary-900: #34465a;
    --p-surface-50: #fdfdfc;
    --p-surface-100: #fbf9f7;
    --p-surface-200: #f6f3ee;
    --p-surface-300: #f2ece6;
    --p-surface-400: #efe9e0;
    --p-surface-500: #ede6dd;
    --p-surface-600: #d5cfc7;
    --p-surface-700: #beb8b1;
    --p-surface-800: #a6a19b;
    --p-surface-900: #827f7a;
}