:root{

    /* Hard Coded Site URL and Indvidual Asset URLs */
    --site--url: 'https://www.olyclub.com/';

    --slider-arrow-right: url('https://www.olyclub.com//wp-content/themes/oc-2025/assets/images/OC-slider-arrow-right.svg');
    --thumbs-arrow-right: url('https://www.olyclub.com//wp-content/themes/oc-2025/assets/images/OC-thumbs-arrow-right.svg');

    /* Color Alpha Change from CSS Variables - not supported by SASS, so do this here. */
    --ligher-background-color-4: rgb(from var(--wp--preset--color--color-5) r g b / 0.4);
    --ligher-background-color-85: rgb(from var(--wp--preset--color--color-5) r g b / 0.85);

    --ligher-color-4-4: rgb(from var(--wp--preset--color--color-4) r g b / 0.6);

    --ligher-color-1-2: rgb(from var(--wp--preset--color--color-1) r g b / 0.2);
    --ligher-color-1-4: rgb(from var(--wp--preset--color--color-1) r g b / 0.4);
    --ligher-color-1-6: rgb(from var(--wp--preset--color--color-1) r g b / 0.6);
    --ligher-color-1-85: rgb(from var(--wp--preset--color--color-1) r g b / 0.85);


    --ligher-color-3-4: rgb(from var(--wp--preset--color--color-3) r g b / 0.4);

    --input-background-color: rgb(from var(--wp--preset--color--lightest) r g b / 0.6);
    
}