/* ============================================================================
   Livery — product logo (livery-logo.css)

   Three slanted stripes (the lead stripe in Signal Orange) and the "livery"
   wordmark in Archivo ExtraBold Italic, outlined, so no font is needed. Source
   files: Brand CI/files/livery-logo-pack. The logo is inline SVG so it can
   recolour for the dark workspace: Ink Navy on light, White on dark; the lead
   stripe stays Signal Orange on both. Sizes are in em, so set font-size on the
   logo or its parent (the logo is 1.2em tall, the mark 1em).

   This is Livery's own mark for the app chrome (hub, sign-in, dashboard,
   wizard header, builder header). It is never a client brand and never goes
   on a canvas.

   Logo: <svg class="lv-logo" viewBox="40 40 430 108.1" role="img" aria-label="Livery">…</svg>
   Mark: <svg class="lv-mark" viewBox="0 0 94 80" role="img" aria-label="Livery">…</svg>
   (copy the polygons and path from Account/login.html, or OSBuilderUI.mark())
   ========================================================================= */
.lv-logo,.lv-mark{--lv-ink:#0F1B2D;--lv-accent:#F05A1A}
.lv-logo,.lv-mark{display:inline-block;flex:none;vertical-align:middle;fill:var(--lv-ink);overflow:visible}
.lv-logo{height:1.2em;width:auto;aspect-ratio:430/108.1}
.lv-mark{height:1em;width:auto;aspect-ratio:94/80}
.lv-logo .lv-lead,.lv-mark .lv-lead{fill:var(--lv-accent)}

/* dark workspace theme (os-theme.js): the wordmark and trailing stripes go White */
html[data-os-theme="dark"] .lv-logo,html[data-os-theme="dark"] .lv-mark,.lv-on-dark{--lv-ink:#FFFFFF}