@import url(./theme/colors/amber.css);
@import url(./theme/colors/blue-grey.css);
@import url(./theme/colors/blue.css);
@import url(./theme/colors/brown.css);
@import url(./theme/colors/cyan.css);
@import url(./theme/colors/deep-orange.css);
@import url(./theme/colors/deep-purple.css);
@import url(./theme/colors/green.css);
@import url(./theme/colors/grey.css);
@import url(./theme/colors/indigo.css);
@import url(./theme/colors/light-blue.css);
@import url(./theme/colors/light-green.css);
@import url(./theme/colors/lime.css);
@import url(./theme/colors/orange.css);
@import url(./theme/colors/pink.css);
@import url(./theme/colors/purple.css);
@import url(./theme/colors/red.css);
@import url(./theme/colors/teal.css);
@import url(./theme/colors/yellow.css);

@import url(./theme/border.css);
@import url(./theme/font.css);
@import url(./theme/height.css);
@import url(./theme/margin.css);
@import url(./theme/padding.css);
@import url(./theme/width.css);
@import url(./theme/effect.css);


:root {
    --theme: #6ec6d9;
    --theme-hover: #4FC3F7;
    --theme-secondary: rgb(19, 109, 181);
    --theme-secondary-dark: rgb(13, 95, 46);
}

.bg-theme {
    background-color: var(--theme);
}

.hover-bg-theme:hover {
    background-color: var(--theme) !important;
}

.color-theme,
.color-theme * {
    color: var(--theme) !important;
}

.hover-color-theme {
    transition: all 0.3s;
}

.hover-color-theme:hover,
.hover-color-theme:hover * {
    color: var(--theme) !important;
}

.border-theme {
    border-color: var(--theme) !important;
}

.hover-border-theme:hover {
    border-color: var(--theme) !important;
}

.bg-facebook {
    background-color: #1877F2;
}

.bg-twitter {
    background-color: #1DA1F2;
}

.bg-youtube {
    background-color: #CD201F;
}

.bg-instagram {
    background-color: #E4405F;
}

.bg-whatsapp {
    background-color: #25D366;
}

.hover-text-underline:hover {
    text-decoration: underline;
}