#fw-section-footer {
--color-primary: #fb00ff;
--color-primary-rgb: 251, 0, 255;
--color-background: #1a0e2c;
--color-background-rgb: 26, 14, 44;
--color-on-background: #d5bbff;
--color-on-background-rgb: 213, 187, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #d5bbff;
--color-background-brightness: 21;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fb00ff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #d5bbff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #d5bbff;
--secondary-btn-border-color: #d5bbff;

}
.index #fw-section-header {
--color-primary: #fb00ff;
--color-primary-rgb: 251, 0, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #a874ff;
--color-on-background-rgb: 168, 116, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #a874ff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fb00ff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #a874ff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #a874ff;
--secondary-btn-border-color: #a874ff;

}