:root {
   	--base-color:#0181a9;
    --base-color-hover:#96bbcc;
    --light-color:#52b4cc;
}

html {
    height: 100vh;
}

.card {
	border-color: var(--base-color);
}

body {
    height: 100vh;
    background: var(--base-color);
    background: linear-gradient(135deg, var(--base-color) 23%, var(--light-color) 85%); 
}

.base-color {
	color: var(--base-color);
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
    border-color: var(--base-color); !important;
    background-color: var(--base-color) !important;
}

.btn-primary:hover {
    border-color: var(--base-color-hover) !important;
    background-color: var(--base-color-hover) !important;
}

.link-primary:hover {
    color: var(--light-color) !important;
}