:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb: 255, 255, 255;
    --business-blue: #3eb28d;
    --business-dark-blue-rgb: 1, 85, 124;
  }
  
  @media (prefers-color-scheme: dark) {
    :root {
      --foreground-rgb: 0, 0, 0;
      --background-start-rgb: 0, 0, 0;
      --background-end-rgb: 0, 0, 0;
      --business-blue: #3eb28d;
      --business-dark-blue-rgb: 1, 85, 124;
    }
  }
  
@font-face {
    font-family: "FoundrySterling Light";
    src: local("FoundrySterling Light"),url(/fonts/FoundrySterling-Light.ttf) format('truetype');
    font-display: swap;
}
  
@font-face {
    font-family: "FoundrySterling Medium";
    src: local("FoundrySterling Medium"),url(/fonts/FoundrySterling-Medium.ttf) format('truetype');
    font-display: swap;
}
  
*{
font-family: "FoundrySterling Medium", serif;
font-weight:400;
letter-spacing: 0.5px;
color: rgb(var(--foreground-rgb));
}

.bg-ucts{
    background: rgb(255,255,255);
    background-image: url(/img/LOGIN_APP_2X.png);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    height  : 100%;
    overflow: auto;
    position: relative;
}

.login-ucts-logo{
    max-width:600px;
    padding:50px;
}

.business-blue{
  background-color: var(--business-blue);
}

.business-dark-blue-text{
  color: rgb(var(  --business-dark-blue-rgb));
}

.bg-business-dark-blue-text{
  background-color: rgb(var(  --business-dark-blue-rgb));
}