:root {
    --body--background-color: #000000;
    --primary-color: #fbb0ce;
    --primary-color--text-content: #0d0d0d;

    --paragraph--primary-color: #707070;
    --high-contrast-button-color: #595959;
    --loyalty-card-background: #ecf0f1;
    --product-card--background-color: #ffebf2;


    --title--primary-color: var(--primary-color);
    --secondary-color: var(--primary-color);
    --secondary-color--hover: color-mix(in srgb, var(--secondary-color) 80%, black);
    --secondary-color--text-content: var(--primary-color--text-content);

    --primary-color--hover: color-mix(in srgb, var(--primary-color) 80%, black);

    --high-contrast-button-color--hover: color-mix(in srgb, var(--high-contrast-button-color) 80%, black);
    --high-contrast-button-color--text-content: white;

    --paragraph--secondary-color: var(--paragraph--primary-color);
    --title--secondary-color: var(--primary-color);
    --header-nav--nav-button-color:  var(--primary-color);

    --faq--background-color:  var(--product-card--background-color);


    --welcome-dialog--background: linear-gradient(135deg, var(--primary-color), var(--primary-color--hover));
    --welcome-dialog--title-color: var(--primary-color--text-content);
    --welcome-dialog--paragraphy-color: var(--primary-color--text-content);
    --welcome-dialog--cta-button--background-color: var(--high-contrast-button-color);
    --welcome-dialog--cta-button--background-color-hover: var(--high-contrast-button-color--hover);
    --welcome-dialog--cta-button--text-color: var(--high-contrast-button-color--text-content);
    --welcome-dialog--close-button--background-color: var(--secondary-color);
    --welcome-dialog--close-button--background-color-hover: var(--secondary-color--hover);
    --welcome-dialog--close-button--text-color: var(--primary-color--text-content);

    --products--filter-bar--background-color: var(--product-card--background-color);    
    --products--filter-bar--label--color: var(--title--primary-color);    
    --products--filter-bar--input--color: #000000;

    --product-card--title: var(--title--secondary-color);
    --product-card--paragraph: var(--paragraph--primary-color);

    --product-detail--container--background-color: var(--product-card--background-color);
    --product-detail--img--carousel-arrow: var(--title--secondary-color);
    --product-detail--img-expanded--caption: #ffffff;
    --product-detail--img-expanded--close: #ffffff;
    --product-detail--img-expanded--close-hover: #aaaaaa;
    --product-detail--text-content--title: var(--title--secondary-color);
    --product-detail--text-content--original-price: var(--paragraph--secondary-color);
    --product-detail--text-content--original-price-line-through: #999999;
    --product-detail--text-content--discounted-price: var(--paragraph--secondary-color);
    --product-detail--text-content--discount-badge: #0aa957;
    --product-detail--text-content--discount-badge-text: #ffffff;
    --product-detail--text-content--stock-status: var(--paragraph--secondary-color);
    --product-detail--text-content--buy-button: var(--high-contrast-button-color);
    --product-detail--text-content--buy-button-text: var(--high-contrast-button-color--text-content);
    --product-detail--text-content--meta: var(--paragraph--primary-color);
    --product-detail--description-tabs-background-color: var(--product-detail--container--background-color);
    --product-detail--description-tabs-title: var(--paragraph--primary-color);
    --product-detail--description-tabs-title-active: var(--paragraph--secondary-color);

    --blog-title--primary-color: var(--title--primary-color);
    --blog-meta-data--primary-color: var(--paragraph--primary-color);
    --blog-text-content--title--primary-color: var(--title--primary-color);
    --blog-text-content--paragraph--primary-color: var(--paragraph--secondary-color);

    
    --faq-faq-question-text-content: var(--primary-color);
    --faq--filter-bar--background-color: var(--product-card--background-color);
    --faq-faq-answer-text-content: var(--paragraph--primary-color);
    --faq--title--color: var(--primary-color);

    --about-us-text-content--title: var(--primary-color);
    --about-us-text-content--card--background-color: #ffffff;
    --about-us-text-content--card--title: var(--title--primary-color);
    --about-us-text-content--card--paragraph: var(--paragraph--primary-color);


    --header-nav--menu-item-color: var(--primary-color);
    --header-nav--background-color-scrolled: var(--body--background-color);
    --header-nav--nav-button-color-scrolled: var(--primary-color);

    --footer--background-color: var(--body--background-color);
    --footer--img--background-color: #ffffff;
    --footer--text-content--title: var(--paragraph--secondary-color);
    --footer--text-content-paragraph: var(--paragraph--secondary-color);
    --footer--text-content-span: var(--paragraph--secondary-color);
    --footer--text-content-copy: var(--paragraph--primary-color);
    --footer--text-content-links: var(--paragraph--secondary-color);
}