/*
 * Meridian theme ??Dawn (light) & Blue Hour (dark).
 * Aligned with iPortal login ambient palettes.
 * Selectable via html[data-color=light-meridian|dark-meridian].
 * Acorn light/dark toggle swaps light-meridian ??dark-meridian.
 */

/* ========== LIGHT (cool light blue ??no warm dawn accents) ========== */
html[data-color=light-meridian] {
  --primary: #5fa0c5;
  --secondary: #7aa3c4;
  --tertiary: #8bb8d0;
  --quaternary: #4f7d6a;
  --quinary: #c62828;
  --senary: #6a8499;
  --primary-rgb: 95, 160, 197;
  --secondary-rgb: 122, 163, 196;
  --tertiary-rgb: 139, 184, 208;
  --quaternary-rgb: 79, 125, 106;
  --quinary-rgb: 198, 40, 40;
  --senary-rgb: 106, 132, 153;
  --primary-darker: #4a88ad;
  --secondary-darker: #5f88a8;
  --tertiary-darker: #6f9fb8;
  --quaternary-darker: #3f6555;
  --quinary-darker: #a32020;
  --senary-darker: #556b7d;
  --body: #1e3a4f;
  --alternate: #4a6a80;
  --muted: #7a96a8;
  --separator: #c9dce8;
  --separator-light: #eaf4fa;
  --body-rgb: 30, 58, 79;
  --alternate-rgb: 74, 106, 128;
  --muted-rgb: 122, 150, 168;
  --separator-rgb: 201, 220, 232;
  --separator-light-rgb: 234, 244, 250;
  --background: #eef5fa;
  --foreground: #f8fcff;
  --background-rgb: 238, 245, 250;
  --foreground-rgb: 248, 252, 255;
  --background-theme: #eaf4fa;
  --background-light: #f5fafd;
  --gradient-1: #5fa0c5;
  --gradient-2: #8bb8d0;
  --gradient-3: #b9d7ea;
  --gradient-1-lighter: #8bb8d0;
  --gradient-1-darker: #4a88ad;
  --light-text: #f8fcff;
  --dark-text: #1e3a4f;
  --light-text-darker: #eaf4fa;
  --dark-text-darker: #163044;
  --light-text-rgb: 248, 252, 255;
  --dark-text-rgb: 30, 58, 79;
  --danger: #c62828;
  --info: #5fa0c5;
  --warning: #7aa3c4;
  --success: #4f7d6a;
  --light: #c9dce8;
  --dark: #1e3a4f;
  --danger-darker: #8e1c1c;
  --info-darker: #3d6a8f;
  --warning-darker: #5f88a8;
  --success-darker: #345447;
  --light-darker: #a8c4d4;
  --dark-darker: #163044;
  --body-darker: #163044;
  --alternate-darker: #3a5568;
  --muted-darker: #5f7a8c;
  --separator-darker: #a8c4d4;
  --danger-rgb: 198, 40, 40;
  --info-rgb: 95, 160, 197;
  --warning-rgb: 122, 163, 196;
  --success-rgb: 79, 125, 106;
  --light-rgb: 201, 220, 232;
  --dark-rgb: 30, 58, 79;
  --menu-shadow: 0px 3px 10px rgba(60, 100, 130, 0.12);
  --menu-shadow-navcolor: 0px 2px 6px rgba(60, 100, 130, 0.06);
  --background-navcolor-light: #f8fcff;
  --background-navcolor-dark: #1e3a4f;
  --theme-image-filter: hue-rotate(-8deg) saturate(0.92) brightness(1.03);
}

/* ========== DARK BLUE HOUR ========== */
html[data-color=dark-meridian] {
  --primary: #7aa3c4;
  --secondary: #c9a227;
  --tertiary: #9bb8d0;
  --quaternary: #4f9a82;
  --quinary: #ec4b60;
  --senary: #3d6a8f;
  --primary-rgb: 122, 163, 196;
  --secondary-rgb: 201, 162, 39;
  --tertiary-rgb: 155, 184, 208;
  --quaternary-rgb: 79, 154, 130;
  --quinary-rgb: 236, 75, 96;
  --senary-rgb: 61, 106, 143;
  --primary-darker: #5f88a8;
  --secondary-darker: #a8861c;
  --tertiary-darker: #7e9bb4;
  --quaternary-darker: #3f7d69;
  --quinary-darker: #d03c50;
  --senary-darker: #2f5574;
  --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: #06121f;
  --foreground: #0b2438;
  --background-rgb: 6, 18, 31;
  --foreground-rgb: 11, 36, 56;
  --background-theme: #04101a;
  --background-light: #0b2d50;
  --gradient-1: #3d6a8f;
  --gradient-2: #0b2438;
  --gradient-3: #06121f;
  --gradient-1-lighter: #7aa3c4;
  --gradient-1-darker: #0b2438;
  --light-text: #dbe5ee;
  --dark-text: #06121f;
  --light-text-darker: #a8b9c9;
  --dark-text-darker: #04101a;
  --light-text-rgb: 219, 229, 238;
  --dark-text-rgb: 6, 18, 31;
  --danger: #ec4b60;
  --info: #7aa3c4;
  --warning: #c9a227;
  --success: #4f9a82;
  --light: #748ba2;
  --dark: #dbe5ee;
  --danger-darker: #b83345;
  --info-darker: #4a6f8f;
  --warning-darker: #8a6f1c;
  --success-darker: #36705e;
  --light-darker: #567088;
  --dark-darker: #a8b9c9;
  --body-darker: #a8b9c9;
  --alternate-darker: #748ba2;
  --muted-darker: #567088;
  --separator-darker: #0b2438;
  --danger-rgb: 236, 75, 96;
  --info-rgb: 122, 163, 196;
  --warning-rgb: 201, 162, 39;
  --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: #0b2438;
  --background-navcolor-dark: #04101a;
  --theme-image-filter: hue-rotate(-32deg) saturate(0.88) brightness(0.82);
}

#settings .meridian-dawn,
#color .meridian-dawn {
  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:%235fa0c5'/%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:%23eaf4fa'/%3E%3Crect x='55' width='18' height='6' style='fill:%23b9d7ea'/%3E%3C/svg%3E");
}

#settings .meridian-bluehour,
#color .meridian-bluehour {
  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:%237aa3c4'/%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:%2306121f'/%3E%3Crect x='55' width='18' height='6' style='fill:%23c9a227'/%3E%3C/svg%3E");
}

/* Logos ??light dawn uses dark mark on light surfaces; blue hour uses white */
html[data-color=light-meridian] .logo .img {
  background-image: url("../img/logo/logo_white.svg");
}

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

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

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

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

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

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