/* =====================================================================
   Propezie brand palette — single source of truth for the admin theme.

   Primary brand colour: #7758B3.

   The --theme-primary-* ramp below is the SmartAdmin shell palette derived
   from it (hue 260.4, saturation 37.4%, lightness stepped around the base).
   The same values are compiled into the purchased theme bundles
   (apps/css/app.bundle.css + .min, apps/css/vendors.bundle.css,
   apps/css/skins/skin-master.css and the apps/css plugin skins); this file
   is loaded after them so it stays authoritative if a bundle is ever
   replaced with a stock copy. Change the brand colour here and re-derive
   the ramp — do not edit single shades in isolation.

   Loaded from Views/Shared/_Layout.cshtml and _LayoutSingIn.cshtml.
   ===================================================================== */
:root {
    /* Plain aliases for first-party screens */
    --brand-primary: #7758b3;
    --brand-primary-dark: #614497;
    --brand-primary-darker: #4b3577;
    --brand-primary-light: #967ec4;
    --brand-primary-lighter: #c5b7de;
    --brand-primary-contrast: #ffffff;
    --brand-primary-rgb: 119, 88, 179;

    /* SmartAdmin shell ramp */
    --theme-primary: #7758b3;
    --theme-rgb-primary: 119, 88, 179;
    --theme-primary-50: #c5b7de;
    --theme-primary-100: #b5a4d6;
    --theme-primary-200: #a691cd;
    --theme-primary-300: #967ec4;
    --theme-primary-400: #876bbb;
    --theme-primary-500: #7758b3;
    --theme-primary-600: #6b4ca8;
    --theme-primary-700: #614497;
    --theme-primary-800: #563d87;
    --theme-primary-900: #4b3577;
}

/* ---------------------------------------------------------------------
   Sidebar logo variants (Views/Shared/Components/LeftMenu/*.cshtml).

   The logo area is only white in the light skin; in the default skin it
   carries the brand colour and in the dark skin (or with the dark
   navigation option) it is dark, so the white logo is used there. The
   selector mirrors the one skin-master.css uses for the white background.
   --------------------------------------------------------------------- */
.page-logo .brand-logo--on-light {
    display: none;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo .brand-logo--on-light {
    display: inline-block;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo .brand-logo--on-dark {
    display: none;
}
