/* Supraenet brand (reseller), served on supraenet.privatelan.nl (includes/site_brand.php).
   The same colours as the appliance's css/brands/supraenet.css (Application): the navy #012d62 of
   supraenet.com and the lime #a4d401 of their logo mark. The logo is their white-and-lime variant
   on navy, so the header behind it is exactly that navy.
   Loaded after css/style.css and overrides only its brand tokens. A colour that will differ in a
   dark mode is written as light-dark(light, dark); the site is light only for now. */
:root {
    --brand:        #012d62;                      /* Supraenet navy: buttons, links, accents */
    --brand-light:  light-dark(#1d5fa8, #8fbaf0); /* end of the hero gradient, menu button */
    --brand-strong: #01244f;                      /* hover and pressed state, dark sections */
    --header-bg:    #012d62;                      /* must equal the background baked into the logo image */
    --logo-height:  44px;                         /* a wide logo with the name in it */
    --brand-accent: #a4d401;                      /* Supraenet lime, sparingly */
}

/* The menu's call to action in the lime of the logo mark, navy text (contrast 8:1) */
.nav-link--cta {
    background-color: var(--brand-accent);
    color:            var(--brand);
    border-color:     var(--brand-accent);
}