.ourself-study-page {
    /* Base */
    --color-accent: #9ae8b1;
    --color-body-text: #242424;
    --color-main-background: #fffefc;
    --color-border: #a4a4a4;
    --base-footer-background: #f8f8f8;
    --base-accordion-background: #f1f1f1;
    --base-links: #242424;
    --base-sale-price: #f85700;
    --base-icons: #000;
    --base-icons-on-hover: #333;
    --base-secondary-background: #f1f1f1;
    --base-border: #e5e5e5;

    /* Color Palette */
    --eggshell-1:       #fffdf2;
    --eggshell-2:       #fffeed;
    --eggshell-3:       #fffde1;
    --greige-1:         #f8f6f4;
    --greige-2:         #c9c3bd;
    --greige-3:         #aca59e;
    --greige-4:         #e5e0d6;
    --greige-5:         #cfcac5;
    --greige-6:         #aca59e;
    --grey:             #ededed;
    --ivory:            #fffefc;
    --dark-grey:        #2f2f2f;
    --black:            #242424;
    --black-2:          #504f4d;
    --black-3:          #000;
    --black-4:          #1D1D1D;
    --white:            #fff;
    --mint-green:       #9ae8b1;
    --deactivated-grey: #767676;
    --error-red:        #f85700;

    /* Messages */
    --messages-error: #f85700;
    --messages-success: #27ae60;

    /* Undefined color */
    --undefined-color: #adff2f;

    /* Customizable */
    --customizable-base-text: #fff;

    /* Font library */--font-heading: 'Maison-Neue-Extended', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
        --font-body: 'Maison-Neue', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
        --font-body-weight: 400;
        --font-heading-weight: 500;
        --font-body-style: ;
        --font-heading-style: ;/* Base text settings */
    --font-size-base: 16px;
    --heading-font-size: 40px;
    --font-body-bold-weight: bold;

    /* Project variables */
    --header-logo-width-mobile: 70px;
    --header-logo-width-desktop: 83px;

    /* Default Button colors */
    --button-text-color: #fffefc;
    --button-hover-text-color: #242424;
    --button-focus-text-color: #242424;
    --button-border-color: #242424;
    --button-hover-border-color: #9ae8b1;
    --button-focus-border-color: #9ae8b1;
    --button-background-color: #242424;
    --button-hover-background-color: #9ae8b1;
    --button-focus-background-color: #9ae8b1;
    --button-text-on-disabled: #fffefc;
    --button-border-on-disabled: #767676;
    --button-background-on-disabled: #767676;
    --button-border-radius: 0;

    /* Secondary Button colors */
    --secondary-button-text-color: #242424;
    --secondary-button-hover-text-color: #fffefc;
    --secondary-button-focus-text-color: #fffefc;
    --secondary-button-border-color: #242424;
    --secondary-button-hover-border-color: #242424;
    --secondary-button-focus-border-color: #242424;
    --secondary-button-background-color: rgba(0,0,0,0);
    --secondary-button-hover-background-color: #242424;
    --secondary-button-focus-background-color: #242424;
    --secondary-button-text-on-disabled: #e5e5e5;
    --secondary-button-border-on-disabled: #fff;
    --secondary-button-background-on-disabled: #fff;

    /* Checkout button colors */
    --checkout-button-text-color: #262c30;
    --checkout-button-hover-text-color: #fcf113;
    --checkout-button-focus-text-color: #262c30;
    --checkout-button-background-color: #fcf113;
    --checkout-button-hover-background-color: #000;
    --checkout-button-focus-background-color: #fcf113;
    --checkout-button-border-color: #000000;
    --checkout-button-hover-border-color: #000;
    --checkout-button-focus-border-color: #fcf113;

    
  }