:root {
    --p-primary-color: #1a2a48;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #e8eaed;
    --p-primary-100: #c6cad1;
    --p-primary-200: #8d95a4;
    --p-primary-300: #535f76;
    --p-primary-400: #313f5a;
    --p-primary-500: #1a2a48;
    --p-primary-600: #172641;
    --p-primary-700: #15223a;
    --p-primary-800: #121d32;
    --p-primary-900: #0e1728;
    --p-surface-50: #fdfcfb;
    --p-surface-100: #faf8f6;
    --p-surface-200: #f4f2ed;
    --p-surface-300: #efebe3;
    --p-surface-400: #ebe7de;
    --p-surface-500: #e9e4da;
    --p-surface-600: #d2cdc4;
    --p-surface-700: #bab6ae;
    --p-surface-800: #a3a099;
    --p-surface-900: #807d78;
}