/* brand.css — the Imprint look, taken from the product site (site/css/site.css).
   One place for the tokens; the signup wizard and the control both read them. */
:root{
  --navy:#173756;--navy-900:#0e2740;--navy-700:#1f476c;--cream:#fcf7ea;--paper:#fff;
  --cyan:#01d0da;--pink:#f472cc;--magenta:#fb0ba8;--magenta-hover:#d80a90;--yellow:#fff100;--orange:#ff8b00;
  --pink-100:#fbe3f6;--cyan-100:#d6f8fa;--yellow-100:#fffbcc;--navy-100:#e4ebf1;
  --ink:#0e2740;--body:#2b4863;--muted:#4a6076;--faint:#8aa0b3;--line:#dfe6ec;
  --spectrum:linear-gradient(90deg,#01d0da,#f472cc,#fb0ba8,#fff100,#ff8b00);
  --r:8px;--f-body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-tight:"Inter Tight",Inter,system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
/* The wordmark: lower-case imprint with the two i's dotted magenta and cyan, and a magenta slash. */
.wm{font:700 26px/1 var(--f-body);letter-spacing:-.05em;color:var(--navy);text-decoration:none;display:inline-block}
.wm .i{position:relative;display:inline-block}
.wm .i::after{content:"";position:absolute;left:50%;top:-.02em;width:.2em;height:.2em;margin-left:-.1em;background:var(--magenta);border-radius:1px;transform:rotate(45deg)}
.wm .i.c::after{background:var(--cyan)}
.wm .slash{color:var(--magenta);margin-left:.04em}