:root {
  --bg-color: rgb(245, 245, 245);
  --article-bg: white;
  --icon-size: 20px;
  --theme-dark: #171B33;
  --theme-mid: #30495B;
  --panel-solid: #30495B;
  --theme-lite: #5C6C75;
  --theme-announcement-color: #6F0000;
  --theme-header-color: #171B33;
  --theme-summary-color: rgb(35, 35, 35);
  --theme-article-date-color: #C16A6A;
  --theme-grey-font: #6E6E6E;
  --nav-font-color: white;
  --swiper-navigation-color: var(--theme-mid);
  --swiper-theme-color: var(--theme-mid) !important;
  --total-col: 12;
  --gutter-width: 0px;
  --font-color-title: black;
  --font-color-summary: black;
  --font-color-metadata: #6F0000;
  --font-color-navSelected: rgb(172, 167, 197);
  --surface-bg: white;
  --bangla-font: "Noto Serif Bengali", serif;
  --palette-swatch: #8FA8B8;
  --player-default-color: var(--theme-dark);
  --small-button-width: 22px;
  --large-button-size: 52px;
  --player-min-width: 250px;
  --player-max-width: 500px;
  --pbar-bgcolor: var(--theme-dark);
  --pbar-fgcolor: #0085FF;
  --rewind-15sec-btn: url(/images/UI/icon-rewind.svg);
  --forward-15sec-btn: url(/images/UI/icon-forward.svg);
  --player-icon: url(/images/UI/icon-play.svg);
  --pause-icon: url(/images/UI/icon-pause.svg);
  --sound-on-btn: url(/images/UI/btn-sound-on.svg);
  --sound-off-btn: url(/images/UI/btn-sound-off.svg);
}
@media (prefers-color-scheme: dark) {
  :root {
    --theme-dark: black;
    --theme-mid: #8FA8B8;
    --theme-lite: #8B979E;
    --theme-header-color: #E8EAF2;
    --theme-grey-font: #B0B0B0;
    --theme-article-date-color: #D68C8C;
    --bg-color: rgb(43, 43, 43);
    --article-bg: rgb(35, 35, 38);
    --font-color-title: rgb(255, 255, 255);
    --font-color-summary: white;
    --theme-summary-color: rgb(210, 210, 210);
    --theme-announcement-color: #575656;
    --font-color-metadata: #615d5d;
    --font-color-navSelected: rgb(104, 150, 241);
    --surface-bg: rgb(30, 30, 30);
    --player-default-color: var(--theme-lite);
    --small-button-width: 22px;
    --large-button-size: 52px;
    --player-min-width: 250px;
    --player-max-width: 500px;
    --pbar-bgcolor: var(--theme-dark);
    --pbar-fgcolor: #8a8abf;
    --rewind-15sec-btn: url(/images/UI/icon-rewind-darkmode.svg);
    --forward-15sec-btn: url(/images/UI/icon-forward-darkmode.svg);
    --player-icon: url(/images/UI/icon-play-darkmode.svg);
    --pause-icon: url(/images/UI/icon-pause-darkmode.svg);
    --sound-on-btn: url(/images/UI/btn-sound-on-darkmode.svg);
    --sound-off-btn: url(/images/UI/btn-sound-off-darkmode.svg);
  }
}
@media (prefers-color-scheme: light) {
  :root {
    --font-color-title: var(--theme-dark);
    --surface-bg: white;
    --theme-mid: #30495B;
    --theme-lite: #5C6C75;
    --theme-header-color: #171B33;
    --theme-grey-font: #6E6E6E;
    --theme-article-date-color: #C16A6A;
  }
}

html[data-theme=dark] {
  color-scheme: dark;
  --theme-dark: black;
  --theme-mid: #8FA8B8;
  --theme-lite: #8B979E;
  --theme-header-color: #E8EAF2;
  --theme-grey-font: #B0B0B0;
  --theme-article-date-color: #D68C8C;
  --bg-color: rgb(43, 43, 43);
  --article-bg: rgb(35, 35, 38);
  --font-color-title: rgb(255, 255, 255);
  --font-color-summary: white;
  --theme-summary-color: rgb(210, 210, 210);
  --theme-announcement-color: #575656;
  --font-color-metadata: #615d5d;
  --font-color-navSelected: rgb(104, 150, 241);
  --surface-bg: rgb(30, 30, 30);
  --player-default-color: var(--theme-lite);
  --pbar-bgcolor: var(--theme-dark);
  --pbar-fgcolor: #8a8abf;
  --rewind-15sec-btn: url(/images/UI/icon-rewind-darkmode.svg);
  --forward-15sec-btn: url(/images/UI/icon-forward-darkmode.svg);
  --player-icon: url(/images/UI/icon-play-darkmode.svg);
  --pause-icon: url(/images/UI/icon-pause-darkmode.svg);
  --sound-on-btn: url(/images/UI/btn-sound-on-darkmode.svg);
  --sound-off-btn: url(/images/UI/btn-sound-off-darkmode.svg);
}

html[data-theme=light] {
  color-scheme: light;
  --theme-dark: #171B33;
  --theme-mid: #30495B;
  --theme-lite: #5C6C75;
  --theme-article-date-color: #C16A6A;
  --theme-header-color: #171B33;
  --theme-grey-font: #6E6E6E;
  --bg-color: rgb(245, 245, 245);
  --article-bg: white;
  --font-color-title: #171B33;
  --font-color-summary: black;
  --theme-summary-color: rgb(35, 35, 35);
  --theme-announcement-color: #6F0000;
  --font-color-metadata: #6F0000;
  --font-color-navSelected: rgb(172, 167, 197);
  --surface-bg: white;
  --player-default-color: #171B33;
  --pbar-bgcolor: #171B33;
  --pbar-fgcolor: #0085FF;
  --rewind-15sec-btn: url(/images/UI/icon-rewind.svg);
  --forward-15sec-btn: url(/images/UI/icon-forward.svg);
  --player-icon: url(/images/UI/icon-play.svg);
  --pause-icon: url(/images/UI/icon-pause.svg);
  --sound-on-btn: url(/images/UI/btn-sound-on.svg);
  --sound-off-btn: url(/images/UI/btn-sound-off.svg);
}

html[data-palette=teal] {
  --theme-dark: #123536;
  --panel-solid: #1F5B5B;
  --theme-mid: #206060;
  --theme-lite: #4E8383;
  --palette-swatch: #6FC0C0;
}

@media (prefers-color-scheme: dark) {
  html[data-palette=teal]:not([data-theme=light]) {
    --theme-dark: #061A1A;
    --panel-solid: #1F5B5B;
    --theme-mid: #7FBEBE;
    --theme-lite: #6FA5A5;
    --palette-swatch: #6FC0C0;
  }
}
html[data-theme=dark][data-palette=teal] {
  --theme-dark: #061A1A;
  --panel-solid: #1F5B5B;
  --theme-mid: #7FBEBE;
  --theme-lite: #6FA5A5;
  --palette-swatch: #6FC0C0;
}

html[data-theme=light][data-palette=teal] {
  --theme-dark: #123536;
  --panel-solid: #1F5B5B;
  --theme-mid: #206060;
  --theme-lite: #4E8383;
  --palette-swatch: #6FC0C0;
}

html[data-palette=maroon] {
  --theme-dark: #2A1113;
  --panel-solid: #5B2B30;
  --theme-mid: #7A3A3F;
  --theme-lite: #9A6A6E;
  --palette-swatch: #D08A8E;
}

@media (prefers-color-scheme: dark) {
  html[data-palette=maroon]:not([data-theme=light]) {
    --theme-dark: #150809;
    --panel-solid: #5B2B30;
    --theme-mid: #D9A2A6;
    --theme-lite: #B98A8E;
    --palette-swatch: #D08A8E;
  }
}
html[data-theme=dark][data-palette=maroon] {
  --theme-dark: #150809;
  --panel-solid: #5B2B30;
  --theme-mid: #D9A2A6;
  --theme-lite: #B98A8E;
  --palette-swatch: #D08A8E;
}

html[data-theme=light][data-palette=maroon] {
  --theme-dark: #2A1113;
  --panel-solid: #5B2B30;
  --theme-mid: #7A3A3F;
  --theme-lite: #9A6A6E;
  --palette-swatch: #D08A8E;
}

html[data-palette=forest] {
  --theme-dark: #14261A;
  --panel-solid: #2F4A34;
  --theme-mid: #35543B;
  --theme-lite: #6B8A70;
  --palette-swatch: #8FC49A;
}

@media (prefers-color-scheme: dark) {
  html[data-palette=forest]:not([data-theme=light]) {
    --theme-dark: #08130B;
    --panel-solid: #2F4A34;
    --theme-mid: #9DC4A3;
    --theme-lite: #85A88A;
    --palette-swatch: #8FC49A;
  }
}
html[data-theme=dark][data-palette=forest] {
  --theme-dark: #08130B;
  --panel-solid: #2F4A34;
  --theme-mid: #9DC4A3;
  --theme-lite: #85A88A;
  --palette-swatch: #8FC49A;
}

html[data-theme=light][data-palette=forest] {
  --theme-dark: #14261A;
  --panel-solid: #2F4A34;
  --theme-mid: #35543B;
  --theme-lite: #6B8A70;
  --palette-swatch: #8FC49A;
}

body {
  background-color: var(--bg-color);
  color: var(--font-color-title);
}

@media print {
  .no-print, .no-print * {
    display: none !important;
  }
}