/*
 * Advisory / CGSAI tone ??new bPortal theme colors.
 * Light & dark variants selectable via html[data-color=light-advisory|dark-advisory].
 */

html[data-color=light-advisory] {
  --primary: #164487;
  --secondary: #728cbf;
  --tertiary: #ba9966;
  --quaternary: #2f715e;
  --quinary: #d82542;
  --senary: #274989;
  --primary-rgb: 22, 68, 135;
  --secondary-rgb: 114, 140, 191;
  --tertiary-rgb: 186, 153, 102;
  --quaternary-rgb: 47, 113, 94;
  --quinary-rgb: 216, 37, 66;
  --senary-rgb: 39, 73, 137;
  --primary-darker: #12386f;
  --secondary-darker: #5f78a8;
  --tertiary-darker: #a68555;
  --quaternary-darker: #275e4e;
  --quinary-darker: #b81f38;
  --senary-darker: #1f3c72;
  --body: #15213b;
  --alternate: #334155;
  --muted: #585654;
  --separator: #d4d9dc;
  --separator-light: #eef2f6;
  --body-rgb: 21, 33, 59;
  --alternate-rgb: 51, 65, 85;
  --muted-rgb: 88, 86, 84;
  --separator-rgb: 212, 217, 220;
  --separator-light-rgb: 238, 242, 246;
  --background: #eef2f6;
  --foreground: #ffffff;
  --background-rgb: 238, 242, 246;
  --foreground-rgb: 255, 255, 255;
  --background-theme: #e9eef7;
  --background-light: #f6f8fb;
  --gradient-1: #164487;
  --gradient-2: #274989;
  --gradient-3: #030042;
  --gradient-1-lighter: #728cbf;
  --gradient-1-darker: #12386f;
  --light-text: #fff;
  --dark-text: #15213b;
  --light-text-darker: #e9eef7;
  --dark-text-darker: #0b1730;
  --light-text-rgb: 255, 255, 255;
  --dark-text-rgb: 21, 33, 59;
  --danger: #d82542;
  --info: #274989;
  --warning: #ba9966;
  --success: #2f715e;
  --light: #d4d9dc;
  --dark: #15213b;
  --danger-darker: #8f182c;
  --info-darker: #16325f;
  --warning-darker: #8a6f44;
  --success-darker: #1c4a3d;
  --light-darker: #b8c0c7;
  --dark-darker: #0b1730;
  --body-darker: #0f1a30;
  --alternate-darker: #243044;
  --muted-darker: #3f3e3d;
  --separator-darker: #b5bbc2;
  --danger-rgb: 216, 37, 66;
  --info-rgb: 39, 73, 137;
  --warning-rgb: 186, 153, 102;
  --success-rgb: 47, 113, 94;
  --light-rgb: 212, 217, 220;
  --dark-rgb: 21, 33, 59;
  --menu-shadow: 0px 3px 10px rgba(3, 0, 66, 0.12);
  --menu-shadow-navcolor: 0px 2px 6px rgba(3, 0, 66, 0.06);
  --background-navcolor-light: #fff;
  --background-navcolor-dark: #030042;
  --theme-image-filter: hue-rotate(-28deg) saturate(0.92) brightness(0.95);
}

html[data-color=light-advisory] .logo .img {
  background-image: url("../img/logo/logo_white.svg");
}

html[data-color=light-advisory] .logo-default {
  background-image: url("../img/logo/logo_black.svg");
}

/* Nav palette override ??light nav needs dark logo; dark/default nav uses white */
html[data-color=light-advisory][data-navcolor=light] .logo .img,
html[data-color=dark-advisory][data-navcolor=light] .logo .img {
  background-image: url("../img/logo/logo_black.svg");
}

html[data-color=light-advisory][data-navcolor=dark] .logo .img,
html[data-color=dark-advisory][data-navcolor=dark] .logo .img {
  background-image: url("../img/logo/logo_white.svg");
}

html[data-color=dark-advisory] {
  --primary: #728cbf;
  --secondary: #ba9966;
  --tertiary: #9bb4d8;
  --quaternary: #4f9a82;
  --quinary: #ec4b60;
  --senary: #164487;
  --primary-rgb: 114, 140, 191;
  --secondary-rgb: 186, 153, 102;
  --tertiary-rgb: 155, 180, 216;
  --quaternary-rgb: 79, 154, 130;
  --quinary-rgb: 236, 75, 96;
  --senary-rgb: 22, 68, 135;
  --primary-darker: #5f78a8;
  --secondary-darker: #a68555;
  --tertiary-darker: #849dbd;
  --quaternary-darker: #3f7d69;
  --quinary-darker: #d03c50;
  --senary-darker: #12386f;
  --body: #dbe5ee;
  --alternate: #a8b9c9;
  --muted: #748ba2;
  --separator: #1a3a58;
  --separator-light: #12304a;
  --body-rgb: 219, 229, 238;
  --alternate-rgb: 168, 185, 201;
  --muted-rgb: 116, 139, 162;
  --separator-rgb: 26, 58, 88;
  --separator-light-rgb: 18, 48, 74;
  --background: #061a31;
  --foreground: #0b2d50;
  --background-rgb: 6, 26, 49;
  --foreground-rgb: 11, 45, 80;
  --background-theme: #041326;
  --background-light: #0b2d50;
  --gradient-1: #164487;
  --gradient-2: #0b2d50;
  --gradient-3: #030042;
  --gradient-1-lighter: #728cbf;
  --gradient-1-darker: #0b2d50;
  --light-text: #dbe5ee;
  --dark-text: #061a31;
  --light-text-darker: #a8b9c9;
  --dark-text-darker: #041326;
  --light-text-rgb: 219, 229, 238;
  --dark-text-rgb: 6, 26, 49;
  --danger: #ec4b60;
  --info: #728cbf;
  --warning: #ba9966;
  --success: #4f9a82;
  --light: #748ba2;
  --dark: #dbe5ee;
  --danger-darker: #b83345;
  --info-darker: #4a6494;
  --warning-darker: #8a6f44;
  --success-darker: #36705e;
  --light-darker: #567088;
  --dark-darker: #a8b9c9;
  --body-darker: #a8b9c9;
  --alternate-darker: #748ba2;
  --muted-darker: #567088;
  --separator-darker: #0b2d50;
  --danger-rgb: 236, 75, 96;
  --info-rgb: 114, 140, 191;
  --warning-rgb: 186, 153, 102;
  --success-rgb: 79, 154, 130;
  --light-rgb: 116, 139, 162;
  --dark-rgb: 219, 229, 238;
  --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.35);
  --menu-shadow-navcolor: 0px 2px 6px rgba(0, 0, 0, 0.25);
  --background-navcolor-light: #0b2d50;
  --background-navcolor-dark: #041326;
  --theme-image-filter: hue-rotate(-35deg) saturate(0.85) brightness(0.8);
}

html[data-color=dark-advisory] .logo .img,
html[data-color=dark-advisory] .logo-default {
  background-image: url("../img/logo/logo_white.svg");
}

/* Default / dark nav: white logo. Light nav override handled above. */
html[data-color=light-advisory][data-navcolor=default] .logo .img {
  background-image: url("../img/logo/logo_white.svg");
}

html[data-color=dark-advisory][data-navcolor=default] .logo .img {
  background-image: url("../img/logo/logo_white.svg");
}

#settings .advisory-light,
#color .advisory-light {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91 6'%3E%3Cpath d='M3,0H55a0,0,0,0,1,0,0V6a0,0,0,0,1,0,0H3A3,3,0,0,1,0,3V3A3,3,0,0,1,3,0Z' style='fill:%23164487'/%3E%3Cpath d='M76,0H91a0,0,0,0,1,0,0V6a0,0,0,0,1,0,0H76a3,3,0,0,1-3-3V3A3,3,0,0,1,76,0Z' transform='translate(164 6) rotate(180)' style='fill:%23ececec'/%3E%3Crect x='55' width='18' height='6' style='fill:%23ba9966'/%3E%3C/svg%3E");
}

#settings .advisory-dark,
#color .advisory-dark {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91 6'%3E%3Cpath d='M3,0H55a0,0,0,0,1,0,0V6a0,0,0,0,1,0,0H3A3,3,0,0,1,0,3V3A3,3,0,0,1,3,0Z' style='fill:%23728cbf'/%3E%3Cpath d='M76,0H91a0,0,0,0,1,0,0V6a0,0,0,0,1,0,0H76a3,3,0,0,1-3-3V3A3,3,0,0,1,76,0Z' transform='translate(164 6) rotate(180)' style='fill:%233d3d3d'/%3E%3Crect x='55' width='18' height='6' style='fill:%23ba9966'/%3E%3C/svg%3E");
}