:root {
    --p-primary-color: #ba975f;
    --p-primary-contrast-color: #000000;
    --p-primary-50: #f8f5ef;
    --p-primary-100: #eee5d7;
    --p-primary-200: #ddcbaf;
    --p-primary-300: #cbb187;
    --p-primary-400: #c1a16f;
    --p-primary-500: #ba975f;
    --p-primary-600: #a78856;
    --p-primary-700: #95794c;
    --p-primary-800: #826a43;
    --p-primary-900: #665334;
    --p-surface-50: #e9eaea;
    --p-surface-100: #c8cbca;
    --p-surface-200: #919795;
    --p-surface-300: #596360;
    --p-surface-400: #384440;
    --p-surface-500: #222f2b;
    --p-surface-600: #1f2a27;
    --p-surface-700: #1b2622;
    --p-surface-800: #18211e;
    --p-surface-900: #131a18;
}
body {
    min-height: 100%;
    overflow-x: hidden;
    background-color: #222F2B;   
}