/* Type systems under review. html[data-type] picks one; A is the default. */
:root,
html[data-type="a"]{
  --head:"Hubot Sans","Geist",system-ui,sans-serif;
  --head-wdth:112;
  --head-wght:700;
  --head-track:-.035em;
  --head-case:none;
  --accent:"Instrument Serif",Georgia,serif;
  --accent-style:italic;
  --accent-wght:400;
  --accent-track:-.02em;
  --sans:"Geist",system-ui,-apple-system,sans-serif;
  --mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --mark:"Hubot Sans",sans-serif;
  --mark-wdth:125;
  --mark-wght:800;
  --mark-track:.04em;
  --mark-case:uppercase;
  --mark-style:normal;
}
html[data-type="b"]{
  --head:"Geist",system-ui,sans-serif;
  --head-wdth:100;
  --head-wght:600;
  --head-track:-.05em;
  --head-case:none;
  --accent:"Instrument Serif",Georgia,serif;
  --accent-style:italic;
  --accent-wght:400;
  --accent-track:-.03em;
  --mark:"Instrument Serif",serif;
  --mark-wdth:100;
  --mark-wght:400;
  --mark-track:-.01em;
  --mark-case:none;
  --mark-style:italic;
}
html[data-type="c"]{
  --head:"Big Shoulders Stencil","Hubot Sans",sans-serif;
  --head-wdth:100;
  --head-wght:800;
  --head-track:-.005em;
  --head-case:uppercase;
  --accent:"Big Shoulders Stencil","Hubot Sans",sans-serif;
  --accent-style:normal;
  --accent-wght:800;
  --accent-track:-.005em;
  --mono:"Martian Mono",ui-monospace,monospace;
  --mark:"Big Shoulders Stencil",sans-serif;
  --mark-wdth:100;
  --mark-wght:800;
  --mark-track:.06em;
  --mark-case:uppercase;
  --mark-style:normal;
}

.f-head{font-family:var(--head);font-variation-settings:"wdth" var(--head-wdth);font-weight:var(--head-wght);letter-spacing:var(--head-track);text-transform:var(--head-case)}
.f-accent{font-family:var(--accent);font-style:var(--accent-style);font-weight:var(--accent-wght);letter-spacing:var(--accent-track);font-variation-settings:normal}
html[data-type="c"] .f-accent{color:var(--signal)}

/* logo lockup */
.lockup{display:inline-flex;align-items:center;gap:.55em;color:var(--ink);text-decoration:none;line-height:1}
.lockup svg{width:1.7em;height:1.7em;flex:none}
.lockup .wm{font-family:var(--mark);font-variation-settings:"wdth" var(--mark-wdth);font-weight:var(--mark-wght);letter-spacing:var(--mark-track);text-transform:var(--mark-case);font-style:var(--mark-style);white-space:nowrap}
.lockup .wm b{font-family:var(--mono);font-style:normal;font-weight:500;font-size:.62em;letter-spacing:.14em;color:var(--signal);margin-left:.55em;vertical-align:.18em;font-variation-settings:normal;text-transform:uppercase}
html[data-type="b"] .lockup .wm{font-size:1.32em}
html[data-type="b"] .lockup .wm b{font-size:.47em}
html[data-type="c"] .lockup .wm{font-size:1.25em}
html[data-type="c"] .lockup .wm b{font-size:.5em}