/* Immersognosis identity. Teaching behaviour and layout remain in style.css. */
:root {
  color: #173b33;
  background: #f6f7f1;
  --green: #12362f;
  --border: #d4dfd6;
  --muted: #52645d;
  --paper: #ffffff;
  --soft: #e4eddb;
}
.sidebar { background: #eff3e9; }
.brand { gap: 9px; }
.brand img { width: 26px; height: 32px; flex: 0 0 26px; }
.brand strong {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 19px;
  font-weight: 650;
  letter-spacing: -.8px;
}
.brand small { font-size: 8px; letter-spacing: 2px; font-weight: 500; margin-top: 5px; }
.sidebar nav button.active { background: #ddec9b; color: #12362f; }
button, .button { color: #173b33; }
button.primary, .button.primary { color: #fff; }
.auth-story { background: #12362f; color: #f6f7f1; }
.auth-story .eyebrow, .auth-story p { color: #dbe5d5; }
.auth-story .brand strong { font-size: clamp(21px, 2.5vw, 30px); }
.auth-links { flex-wrap: wrap; }
.brand-about { font-size: 13px; }
@media(max-width:650px) {
  .brand strong { font-size: 20px; }
  .brand img { width: 24px; height: 28px; flex-basis: 24px; }
  .auth-story .brand strong { font-size: 23px; }
}