/* Shared brand palette: public education and authenticated workspace. */
:root {
  --paper: #faf9f6;
  --surface: #ffffff;
  --ink: #22332b;
  --muted: #59685f;
  --line: #dedfd9;
  --brand: #286c50;
  --brand-hover: #215a43;
  --soft: #e8f1e8;
  --gold: #ecd075;
  --chrome: #23362c;
  --chrome-text: #bbccc0;
  --chrome-active: #3d5143;
  --on-brand: #ffffff;
  --warning: #90541f;
  --warning-soft: #fff6e8;
  --danger: #9b392f;
  --danger-soft: #fff0ed;
  accent-color: var(--brand);
}

/* The mark keeps its shape and colors on light pages and dark navigation. */
.brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 33px;
  height: 33px;
  border-radius: 9px;
  background: var(--gold);
  color: var(--ink);
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}