/* ============================================================
   brand.css — myIQ Archery brand colours. They are defined here and nowhere else.
   Public pages (competition map, sign-in, access approval): target gold.
   Private app (everything behind the sign-in): World Archery Brilliant Rose.
   Each colour has a shade for dark backgrounds and a darker one for light backgrounds.
   (favicon.svg is a standalone image and repeats the public gold; keep it in step by hand.)
   ============================================================ */
:root {
  --brand-public-on-dark:   #E8B84B;
  --brand-public-on-light:  #A37508;
  --brand-private-on-dark:  #EB539E;
  --brand-private-on-light: #C41E7E;
}

/* The target mark. It is painted in the current text colour: set `color` on it or on its parent. */
.brand-mark {
  display: inline-block; width: 28px; height: 28px; flex: none;
  background-color: currentColor;
  -webkit-mask: url(logo-mark.svg) center / contain no-repeat;
          mask: url(logo-mark.svg) center / contain no-repeat;
}