html {
    --color-white: #FFFFFF;
    --color-light-gray: #D0D2D3;
    --color-gray: #A3A6AA;
    --color-green: #9AA981;
    --color-pink: #ECD9D5;
    --color-beige: #EEECE9;
    --color-slate-gray: #5F656F;
    --color-black: #404040;
    --color-product-bg: #F1F1F2;
}
/* Text colors */
.color-white {
    color: var(--color-white);
}
.color-light-gray {
    color: var(--color-light-gray);
}
.color-gray {
    color: var(--color-gray);
}
.color-green {
    color: var(--color-green);
}
.color-pink {
    color: var(--color-pink);
}
.color-beige {
    color: var(--color-beige);
}
.color-slate-gray {
    color: var(--color-slate-gray);
}
.color-black {
    color: var(--color-black);
}
/* Background colors */
.bg-white {
    background: var(--color-white);
}
.bg-light-gray {
    background: var(--color-light-gray);
}
.bg-gray {
    background: var(--color-gray);
}
.bg-green {
    background: var(--color-green);
}
.bg-pink {
    background: var(--color-pink);
}
.bg-beige {
    background: var(--color-beige);
}
.bg-slate-gray {
    background: var(--color-slate-gray);
}
.bg-black {
    background: var(--color-black);
}
.bg-product {
    background: var(--color-product-bg);
}
/* WAVES */
.waves {
    position: absolute;
    left: 0;
    width: 100%;
    aspect-ratio: 1920 / 73;
    z-index: 2;
    pointer-events: none;
}
.waves.wave-top {
    top: 0;
    transform: translateY(-98%);
}
.waves.wave-bottom {
    bottom: 0;
    transform: translateY(97%);
}
.waves.wave-light-gray {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920.03 73.15"><path d="m.03,4.82c19.52,1.22,49.73,3.51,86.47,8.03,78.19,9.61,129.04,24.22,160.06,28.75,130.86,19.11,235.52,15.03,306.91,7.77,122.72-12.48,153.74-35.02,300.69-45.06,47.98-3.28,134.06-8.79,244.75,2.33,105.57,10.6,95.47,22.46,221.44,37.29,139.68,16.45,161.88,17.8,271.94,8.55,68.47-5.75,115.77-13.99,115.77-13.99,41.71-10.08,87.41-19.02,136.75-25.64,26-3.49,51.11-6.08,75.22-7.94v68.25c-640.01,0-1280.02,0-1920.03,0L.03,4.82Z" style="fill:%23D0D2D3;"/></svg>');
    background-size: cover;
}
.waves.wave-beige {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920.03 73.15"><path d="m.03,4.82c19.52,1.22,49.73,3.51,86.47,8.03,78.19,9.61,129.04,24.22,160.06,28.75,130.86,19.11,235.52,15.03,306.91,7.77,122.72-12.48,153.74-35.02,300.69-45.06,47.98-3.28,134.06-8.79,244.75,2.33,105.57,10.6,95.47,22.46,221.44,37.29,139.68,16.45,161.88,17.8,271.94,8.55,68.47-5.75,115.77-13.99,115.77-13.99,41.71-10.08,87.41-19.02,136.75-25.64,26-3.49,51.11-6.08,75.22-7.94v68.25c-640.01,0-1280.02,0-1920.03,0L.03,4.82Z" style="fill:%23EEECE9;"/></svg>');
    background-size: cover;
}
.waves.wave-white {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920.03 73.15"><path d="m.03,4.82c19.52,1.22,49.73,3.51,86.47,8.03,78.19,9.61,129.04,24.22,160.06,28.75,130.86,19.11,235.52,15.03,306.91,7.77,122.72-12.48,153.74-35.02,300.69-45.06,47.98-3.28,134.06-8.79,244.75,2.33,105.57,10.6,95.47,22.46,221.44,37.29,139.68,16.45,161.88,17.8,271.94,8.55,68.47-5.75,115.77-13.99,115.77-13.99,41.71-10.08,87.41-19.02,136.75-25.64,26-3.49,51.11-6.08,75.22-7.94v68.25c-640.01,0-1280.02,0-1920.03,0L.03,4.82Z" style="fill:%23FFFFFF;"/></svg>');
    background-size: cover;
}
.waves.wave-bottom.wave-white {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920.01 73.11"><path d="m.01,4.89c20.61,1.21,51.22,3.46,88.11,7.94,77.91,9.47,128.1,24.08,159.89,28.72,130.73,19.09,235.27,15.01,306.58,7.76,122.59-12.46,153.57-34.98,300.37-45.02,47.93-3.28,133.92-8.78,244.49,2.33,105.46,10.59,95.37,22.44,221.2,37.26,139.54,16.43,161.7,17.78,271.65,8.54,68.4-5.75,115.65-13.97,115.65-13.97,41.66-10.07,87.3-19,136.6-25.61,26.08-3.5,51.27-6.09,75.45-7.95,0,22.74,0,45.47,0,68.21-640,0-1280.01.01-1920.01.02C0,50.37,0,27.63.01,4.89Z" style="fill:%23FFFFFF;"/><rect x="0" y=".15" width="1920" height="72.73" style="fill:none;"/></svg>');
    background-size: cover;
}
.waves.wave-bottom.wave-beige {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 72.73"><path d="M0,38.65v34.08H.01V4.74c0,11.3,0,22.61-.01,33.91Z" style="fill:%23EEECE9;"/><path d="M986.95,0c33.64,.51,71.36,2.34,112.5,6.47,105.46,10.59,95.37,22.44,221.2,37.26,139.54,16.43,161.7,17.78,271.65,8.54,68.4-5.75,115.65-13.97,115.65-13.97,41.66-10.07,87.3-19,136.6-25.61,26.08-3.5,51.27-6.09,75.45-7.95V0H986.95Z" style="fill:%23EEECE9;"/><path d="M248.01,41.4c130.73,19.09,235.27,15.01,306.58,7.76,122.59-12.46,153.57-34.98,300.37-45.02,22.52-1.54,53.46-3.57,91.39-4.14H.01V4.74c20.61,1.21,51.22,3.46,88.11,7.94,77.91,9.47,128.1,24.08,159.89,28.72Z" style="fill:%23EEECE9;"/></svg>');
    background-size: cover;
}
.waves.wave-bottom.wave-light-gray {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920.01 73.11"><path d="m.01,4.89c20.61,1.21,51.22,3.46,88.11,7.94,77.91,9.47,128.1,24.08,159.89,28.72,130.73,19.09,235.27,15.01,306.58,7.76,122.59-12.46,153.57-34.98,300.37-45.02,47.93-3.28,133.92-8.78,244.49,2.33,105.46,10.59,95.37,22.44,221.2,37.26,139.54,16.43,161.7,17.78,271.65,8.54,68.4-5.75,115.65-13.97,115.65-13.97,41.66-10.07,87.3-19,136.6-25.61,26.08-3.5,51.27-6.09,75.45-7.95,0,22.74,0,45.47,0,68.21-640,0-1280.01.01-1920.01.02C0,50.37,0,27.63.01,4.89Z" style="fill:%23D0D2D3;"/><rect x="0" y=".15" width="1920" height="72.73" style="fill:none;"/></svg>');
    background-size: cover;
}
.waves.wave-bottom.wave-gray {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 72.73"><path d="M0,38.65v34.08H.01V4.74c0,11.3,0,22.61-.01,33.91Z" style="fill:%23A3A6AA;"/><path d="M986.95,0c33.64,.51,71.36,2.34,112.5,6.47,105.46,10.59,95.37,22.44,221.2,37.26,139.54,16.43,161.7,17.78,271.65,8.54,68.4-5.75,115.65-13.97,115.65-13.97,41.66-10.07,87.3-19,136.6-25.61,26.08-3.5,51.27-6.09,75.45-7.95V0H986.95Z" style="fill:%23A3A6AA;"/><path d="M248.01,41.4c130.73,19.09,235.27,15.01,306.58,7.76,122.59-12.46,153.57-34.98,300.37-45.02,22.52-1.54,53.46-3.57,91.39-4.14H.01V4.74c20.61,1.21,51.22,3.46,88.11,7.94,77.91,9.47,128.1,24.08,159.89,28.72Z" style="fill:%23A3A6AA;"/></svg>');
    background-size: cover;
}