:root{
  --wt-navy:#083f73;
  --wt-blue:#0d5a99;
  --wt-bg:#e8f0f5;
  --wt-surface:#ffffff;
  --wt-surface-soft:#f3f7fa;
  --wt-text:#152a3b;
  --wt-text-soft:#31495d;
  --wt-line:#c5d4df;
  --wt-input-line:#b9cbd8;
  --wt-shadow:0 9px 28px rgba(23,50,74,.08);
}

body.wt-app{
  color:var(--wt-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.wt-app:not(.wt-login){
  background:var(--wt-bg)!important;
}

body.wt-app :where(h1,h2,h3,h4){
  color:var(--wt-text);
  text-wrap:balance;
}

body.wt-app :where(.lead,.hint,.meta,.counter,.empty,.url,.size,.search-hint,.sub){
  color:var(--wt-text-soft)!important;
}

body.wt-app :where(.card,.item,.user,.box,.login,.qr-area img){
  border-color:var(--wt-line)!important;
}

body.wt-app :where(.card,.item,.box,.login){
  box-shadow:var(--wt-shadow);
}

body.wt-app :where(input,select,textarea){
  color:var(--wt-text)!important;
  background:#fff!important;
  border-color:var(--wt-input-line)!important;
}

body.wt-app :where(input,select,textarea):focus{
  border-color:#6fa3c6!important;
  box-shadow:0 0 0 3px rgba(13,90,153,.11)!important;
  outline:none;
}

body.wt-app :where(label,.field label){
  color:#36536a!important;
}

body.wt-app :where(.actions a,.actions button){
  border-color:#c2d3df!important;
}

body.wt-app :where(a,button,input,select,textarea):focus-visible{
  outline:3px solid rgba(13,90,153,.28);
  outline-offset:2px;
}

body.wt-login .login{
  border:1px solid rgba(255,255,255,.28);
}