/* =====================================================================================================
   Brand: XL Finans standard  -  PresentationLite new design
   Used when appSettings "cssurl" = responsive-tabs.css (no theme set, or appSettings cssurl = responsive-tabs.css)
   (or appSettings "brandcss" = brand-default.css).

   This file ONLY sets the brand variables used by xlf-design.css. To re-brand an installation:
     1. change the colours below (or copy this file to brand-<name>.css and point appSettings "brandcss" to it),
     2. put the logo in ImagesLite and set appSettings "logourl" to its file name (as today).
   --brand           main colour: icon menu, primary button, active tab, focus ring
   --brand-contrast  text/icon colour on the brand colour
   --brand-dark      hover colour of primary buttons
   --link            colour of plain links (dark enough to read on white)
   --brand-light     light tint (selected rows, brand pills)
   --brand-ring      focus ring (brand colour with transparency)
   --nav-bg          background of the icon menu (normally the brand colour)
   --nav-fg          icon colour in the menu, --nav-fg-active for the selected/hovered icon
   --logo-bg         background of the logo tile at the top of the menu (use the brand colour for a white logo)
   --chart-2 ... --chart-8  (optional) chart colours after --brand: Overblik bars and the dashboard palette
                     (App_Code/XlfDashboardStyle.cs); when not set, neutral colours are used (--chart-2: #F2A65A)
   ===================================================================================================== */

:root {
    --brand: #00678A;
    --brand-contrast: #FFFFFF;
    --brand-dark: #01455C;
    --brand-light: #E3F0F4;
    --brand-ring: rgba(0, 103, 138, 0.25);
    --link: #01455C;
    --nav-bg: #00678A;
    --nav-fg: rgba(255, 255, 255, 0.85);
    --nav-fg-active: #FFFFFF;
    --logo-bg: #FFFFFF;
}