/* EVA mark - the ONE shared logo for EVA Central, Design Review and the Design Production Suite.
 *
 * Change /assets/brand/eva-mark.svg (same 447x240 artboard) and every page follows.
 * The SVG is used as a mask and painted with `color`, so one file serves the light headers
 * (charcoal mark) and the dark navy ones (gold mark).
 *
 * Usage:  <span class="eva-mark eva-mark--gold" role="img" aria-label="EVA Interiors" style="--h:34px"></span>
 * Size it with `height` (or the --h variable) OR with `width` - the other side follows the artboard's
 * aspect ratio. The default rules below sit in :where() so they never outrank a page's own sizing.
 */
:root{--eva-mark-dark:#272727;--eva-mark-gold:#caa84c}

/* display:block matches how every EVA page already treats its logo image (img{display:block}). */
:where(.eva-mark){display:block;height:var(--h,auto)}

.eva-mark{
  flex:none;
  aspect-ratio:447/240;
  background-color:currentColor;
  -webkit-mask:url(/assets/brand/eva-mark.svg) center/contain no-repeat;
          mask:url(/assets/brand/eva-mark.svg) center/contain no-repeat;
  forced-color-adjust:none;
}
.eva-mark--dark{color:var(--eva-mark-dark)}
.eva-mark--gold{color:var(--eva-mark-gold)}

@media (forced-colors:active){.eva-mark{background-color:CanvasText}}
@media print{.eva-mark{-webkit-print-color-adjust:exact;print-color-adjust:exact}}