:root {
    --pst-color-black: #000;
    --pst-color-white: #ffffff;

    --pst-color-gray: #545454;
    --pst-color-gray-light: #c5c5c5;
    --pst-color-gray-secondary: #bfbfbf;
    --pst-color-gray-secondary-light: #f5f5f6;

    --pst-color-green: #1A5632;
    --pst-color-green-light: #B9EACC;
    --pst-color-green-secondary: #3DAE2B;
    --pst-color-green-button: #02835B; /*#25833b*/
    --pst-color-green-button-hover: #015F41;
    --pst-color-green-accent: #f0fdf3;
    --pst-color-green-border: #6EC491;
    --pst-color-blue: #3269ce;
    --pst-color-blue-light: #3e75db;
    --pst-color-blue-secondary: #bcc8dc;
    --pst-color-blue-secondary-light: #eaeef5;
    --pst-color-blue-secondary-light-2: #f5f8fb;
    --pst-color-blue-accent: #f3f6fe;
    --pst-color-red: #dc3c36;
    --pst-color-red-secondary: #dcc0c3;
    --pst-color-red-secondary-light: #f4e9ea;
    --pst-color-red-secondary-light-2: #faf4f5;
    --pst-color-red-accent: #fef3f3;
    --pst-color-yellow: #e5d522;
    --pst-color-yellow-accent: #fffff5;
    --pst-bright-background: var(--pst-color-gray-secondary-light-2);
    --pst-box-border: var(--pst-color-green-secondary);
    --pst-margin-vertical: 24px;
    --pst-margin-horizontal: 24px;
    --pst-border-radius-div: 6px;
    --pst-border-radius-button: 6px;
    --pst-button-text-padding: 44px;
}