/* GENERATED by tools/gen-logo-o.js -- do not hand-edit; your changes are lost on
   the next run. Change the shape, colours or weights in that script and re-run it.

   ---- the DartPotato wordmark ---------------------------------------------------
   Fredoka 700, two-tone, dark outline, and both o's of "Potato" swapped for
   actual potatoes.

   This is the site's only external stylesheet, and that is the point: the nav mark
   appears on eight pages, every one of which carries its own inline <style>, so it
   used to exist as eight copies of two CSS lines. Now it exists once.

   Real text in the normal inline flow, not a hand-placed SVG wordmark -- the
   browser does the letter spacing, so a page that fails to reach Google Fonts
   loses the Fredoka letterforms and still renders a correctly spaced, correctly
   coloured logo instead of coming apart.

   The outline is a centred text stroke under paint-order:stroke, so the fill
   repaints over its inner half and the visible outline is half the declared
   width. Where paint-order is unsupported the stroke lands on top instead:
   thinner-looking letters, nothing broken.

   THE GAME HAS ITS OWN COPY of this mark, in index.html's stylesheet, at 96px
   with dimpled potatoes and a 0.16em outline. Nothing joins the two -- the game
   ships as one self-contained HTML file and cannot link this. Re-running this
   script prints that copy's declaration so the pair can be kept in step.
*/
:root{
  --logo-ink:#2e1c0d;
  --logo-dart:#ff7355;
  --logo-spud:#d8a268;
}
.logo{font-weight:700;font-size:20px;letter-spacing:-0.005em;text-decoration:none;
  color:var(--logo-spud);
  -webkit-text-stroke:0.1em var(--logo-ink);paint-order:stroke;}
.logo .lgDart{color:var(--logo-dart);}
/* Sized to the outlined glyph and sat on the baseline, so it overshoots the
   x-height the way the reference art's o's bulge. Background image rather than
   inline markup so the shape lives in one place instead of once per o. */
.logo .lgO{display:inline-block;width:.68em;height:0.62em;margin:0 -.015em;
  vertical-align:baseline;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-69.5 -63.5 139 127'%3E%3Cpath d='M-52 -14.5Q-50 -31 -35.5 -38.5Q-21 -46 -3 -47Q15 -48 29 -40.5Q43 -33 48 -19Q53 -5 49.5 10.5Q46 26 32 35.5Q18 45 0.5 46Q-17 47 -31 40Q-45 33 -49.5 17.5Q-54 2 -52 -14.5Z' fill='%23e2b27c' stroke='%232e1c0d' stroke-width='20.5' stroke-linejoin='round' paint-order='stroke'/%3E%3C/svg%3E");}