/* Taitor look for the teacher product: warm chalk page, white rounded cards, Taitor Blue pills, dark ink. */
@import url("https://fonts.googleapis.com/css2?family=Gabarito:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Caveat:wght@600&display=swap");
:root{
  --ink:#1C2123; --muted:#6b6f68; --line:#E6E4DE; --line2:#EFEDE7;
  --blue:#437594; --bluedk:#1C2123; --panel:#F2F7FA; --panelln:#BDD8EA;
  --bg:#F4F1E8; --card:#ffffff;
}
body{background:#F4F1E8;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1C2123}
h1,h2,h3,.brand,.logintitle{font-family:Gabarito,"Trebuchet MS",system-ui,sans-serif}
h2{color:#1C2123}
.topbar{background:#F4F1E8;border-bottom:1px solid #E6E4DE}
.brand{color:#1C2123}.brand span{color:#437594}
#nav a.on{background:#86ACC6;color:#1C2123}
.card,.wsitem,.loginbox{border-radius:20px;border:1px solid #E6E4DE;box-shadow:0 1px 2px rgba(28,33,35,.04),0 8px 24px rgba(28,33,35,.04)}
.btn{border-radius:999px}
.btn.primary{background:#86ACC6;border-color:#86ACC6;color:#1C2123}
.btn.primary:hover:not(:disabled){background:#76a0bd;border-color:#76a0bd;color:#1C2123}
.chip{border-radius:999px}
.meter{background:#F2F7FA;border:1px solid #BDD8EA;color:#1C2123}
.field input,.field select,.field textarea,textarea,input.search{border-radius:12px;border-color:#E6E4DE}
a{color:#437594}