:root {
    --primary-color: #66CCCC;
    --secondary-color: #545D63;
    --primary-color-frame-box: rgba(28, 28, 28, 0.15);
    --primary-color-frame-box-hover: rgba(28, 28, 28, 0.25);
    --secondary-color-frame-box: rgba(255, 255, 255, 0.15);
    --secondary-color-frame-box-hover: rgba(255, 255, 255, 0.25);
    --dark-color-frame-box: rgba(255, 255, 255, 0.15);
    --dark-color-frame-box-hover: rgba(255, 255, 255, 0.25);
    --primary-dark-color: #5bb2b2;
    --primary-color-hover: #91ECEC;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --controls-fill-color: #D9D9D9;
    --carousel-button-stroke-color: #A5A7B5;
    --secondary-button-color: #4E505B;
    --black-dark-super: #1C1C1C;
    --grey-dark-super: #303841;
    --footer-secondary-color: #434a52;
    --border-radius-20: 20px;
    --border-radius-15: 15px;
    --border-radius-10: 10px;
    --gap-20: 20px;
    --padding-20: 20px;
    --opacity-standard: 0.7;
    --opacity-hover: 1;
}