:root {
    --header-color: white;
    --background-color: white;
    --text-color: black;
    --dim-text-color: dimgray;
    --background-color-inverse: black;
    --text-color-inverse: white;
    --call-to-action-text-highlight: rgb(255, 255, 255);
    --social-share-background: lightgray;
    --blue-accent: #3498db;

    --contrast-item-background-2: #9c9c9c;
    --contrast-item-background-3: #c8c8c8;

    --contrast-item-background: rgb(227 227 227);
    --contrast-item-color: rgb(0, 0, 0);
    --header-shadow:rgb(104 104 104 / 20%);
    --header-submenu: rgb(189 189 189);

    --opulence-color-scheme-navy: #021e5b;
    --opulence-color-scheme-blue: #0d75d7;
    --opulence-light-navy-dark-blue: #021e5b;

    --item-details-image-container-gradient: rgba(255, 255, 255, 0.7);

    --minimal-blue-tint: #cee0f5;
    

    /* Gradients */
    --background-gradient: linear-gradient(304deg, rgb(255 255 255), #b0b0b0);
    /* --background-pink-gradient: linear-gradient(to top, rgb(255, 255, 255), #6C0F33);
    --background-blue-gradient: linear-gradient(304deg, #2A8F7F, #39c5ae); */

    --main-content-background: rgb(255, 255, 255);
    --blur-background: rgb(255, 255, 255, 0.8);
}

.dark-theme {
    --header-color: black;
    --background-color: black;
    --text-color: white;
    --dim-text-color: #adadad;
    --background-color-inverse: white;
    --text-color-inverse: black;
    --call-to-action-text-highlight: #2A8F7F;
    --social-share-background: black;
    --blue-accent: #3498db;

    --contrast-item-background-2: #4f4f4f;
    --contrast-item-background-3: #333;

    --contrast-item-background: #3b3b3b;
    --contrast-item-color: rgb(255, 255, 255);
    --header-shadow: rgb(157 157 157 / 20%);
    --header-submenu: rgb(88 88 88);

    --opulence-color-scheme-navy: #021e5b;
    --opulence-color-scheme-blue: #0d75d7;
    --opulence-light-navy-dark-blue: #0d75d7;

    --item-details-image-container-gradient: rgba(0, 0, 0, 0.7);

    --minimal-blue-tint: #39495b;

    /* Gradients */
    --background-gradient: linear-gradient(304deg, rgb(0 0 0), #282828);
    /*  --background-pink-gradient: linear-gradient(to top, rgb(0, 0, 0), #6C0F33);
    --background-blue-gradient: linear-gradient(304deg, #2A8F7F, #14473e); */
    
    --main-content-background: rgb(28 28 28);
    --blur-background: rgba(35, 35, 35, 0.8);
}