:root{
    /* CONFIGURABLE SETTINGS */
        /* BACKGROUND */
                --light-background-color: #efefef;
                        --medium-background-color: #eeee22;
                }:root{
    /* CONFIGURABLE SETTINGS */
        /* TEXT */
            /* PRIMARY FONT */
                        --primary-font: 'DM Sans', sans-serif;;
                                                
            /* SECONDARY FONT */
                                                
            /* FONT SIZES */
                        
            /* LIGHT BACKGROUND COLORS */
                        --light-background-text-color: #3d3d3d;
                                    --light-background-title-color: #81d742;
                                    --light-background-eyebrow-color: #8224e3;
                                    --light-background-link-color: #141414;
                                   --light-background-hover-link-color: #e09f1d;
                        
            /* DARK BACKGROUND COLORS */
                        --dark-background-text-color: #ededed;
                                                                        }

@media (min-width: 768px){
    :root{
        /* CONFIGURABLE SETTINGS */
            /* TEXT */
                /* FONT SIZES */
                    }
}

@media (min-width: 992px){
    :root{
        /* CONFIGURABLE SETTINGS */
            /* TEXT */
                /* FONT SIZES */
                    }
}

@media (min-width: 1200px){
    :root{
        /* CONFIGURABLE SETTINGS */
            /* TEXT */
                /* FONT SIZES */
                    }
}

:root{
    /* CONFIGURABLE SETTINGS */
        /* PRIMARY BUTTON */
            /* STYLE */
                        --primary-button-border-width: 0.2rem;
                                    --primary-button-border-style: solid;
                                    --primary-button-border-radius: 0.8rem 0.8rem 0.8rem 0rem;
                                    --primary-button-vertical-padding: 1em;
                                    --primary-button-horizontal-padding: 2em;
                        
            /* LIGHT BACKGROUND COLORS */
                                    --light-background-primary-button-background-color: #000000;
                                    --light-background-primary-button-text-color: #ffffff;
                                                            --light-background-primary-button-hover-background-color: #e09f1d;
                                                
            /* DARK BACKGROUND COLORS */
                                                                                                
        /* SECONDARY BUTTON */
            /* STYLE */
                        --secondary-button-border-width: 0.2rem;
                                    --secondary-button-border-style: solid;
                                    --secondary-button-border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
                                    --secondary-button-vertical-padding: 1em;
                                    --secondary-button-horizontal-padding: 2em;
                        
            /* LIGHT BACKGROUND COLORS */
                                                
                                                                        
            /* DARK BACKGROUND COLORS */
                                                
                                                            
        /* FORMS */
                        --form-input-border-width: 0.5rem;
                                    --form-input-border-style: dashed;
                                    --form-input-border-radius: 1.6rem 0rem 1.6rem 0rem;
                                                                        --light-background-form-input-border-color: #8224e3;
                                    --light-background-form-input-background-color: #81d742;
                                                --light-background-form-input-text-color: #1e73be;
                                    --light-background-form-input-focus-border-color: #3badbf;
                                    --light-background-form-input-focus-background-color: #0214dd;
                                    --light-background-form-input-focus-text-color: #ffffff;
                                                                                                                                                                                                            
        /* EYEBROW */
                                    --eyebrow-letter-spacing: 1em;
                                                                        --eyebrow-text-transform: lowercase;
                                    --eyebrow-font-style: italic;
            
}

:root{
    /* CONFIGURABLE SETTINGS */
        /* MARGINS */
                                                            }

@media (min-width: 768px){
    :root{
        /* CONFIGURABLE SETTINGS */
            /* MARGINS */
                                                                                    }
}

@media (min-width: 992px){
    :root{
        /* CONFIGURABLE SETTINGS */
            /* MARGINS */
                                                                                    }
}

@media (min-width: 1200px){
    :root{
        /* CONFIGURABLE SETTINGS */
            /* MARGINS */
                                                                                    }
}

:root{
    /* CONFIGURABLE SETTINGS */
        /* MISCELANEOUS */
                                                --element-box-shadow-light-background: 0.5rem 0.5rem 1.5rem 0rem #e2e2e2;
                                                --element-box-shadow-dark-background: 1rem 1rem 3rem 0rem #494949;
                                    --element-border-radius: 0rem 1.6rem 0rem 1.6rem;
            }

