:root {
    --p-primary-color: #3f51b5;
    --p-primary-contrast-color: #ffffff;
    --p-primary-50: #eceef8;
    --p-primary-100: #cfd4ed;
    --p-primary-200: #9fa8da;
    --p-primary-300: #6f7dc8;
    --p-primary-400: #5262bc;
    --p-primary-500: #3f51b5;
    --p-primary-600: #3949a3;
    --p-primary-700: #324191;
    --p-primary-800: #2c397f;
    --p-primary-900: #232d64;
    --p-surface-50: #ffffff;
    --p-surface-100: #fefefe;
    --p-surface-200: #fdfdfd;
    --p-surface-300: #fbfbfb;
    --p-surface-400: #fbfbfb;
    --p-surface-500: #fafafa;
    --p-surface-600: #e1e1e1;
    --p-surface-700: #c8c8c8;
    --p-surface-800: #afafaf;
    --p-surface-900: #8a8a8a;
}