/* Made by npm run brand:build from apps/home/brand.json: change that file and run it again, never this one (docs/human/brand.md). */
@font-face { font-family: 'Archivo'; src: url('archivo.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
:root {
  --brand-ink: #161616;
  --brand-paper: #ffffff;
  --brand-teal: #1bb8c4;
  --brand-mint: #86dcb9;
  --brand-grey: #a6a6a6;
  --brand-grey-on-dark: #9aa4ad;
  --brand-grey-text: #6b6b6b;
  --brand-line: #dedede;
  --brand-field-line: #8b8b8b;
  --brand-tint: #f3f3f3;
  --brand-mint-soft: #d5f3e7;
  --brand-teal-soft: #c6edf0;
  --brand-font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --brand-heading-weight: 800;
  --brand-heading-tracking: -0.012em;
  --brand-focus-width: 2px;
  --brand-focus-offset: 2px;
  caret-color: var(--brand-ink);
  scrollbar-color: var(--brand-grey) transparent;
  color-scheme: light;
}
::selection { color: var(--brand-ink); background: var(--brand-teal); }
:focus-visible { outline: var(--brand-focus-width) solid var(--brand-ink); outline-offset: var(--brand-focus-offset); }