/*
 * Account-scoped site appearance.
 *
 * The selected family is mapped by key so no raw CSS value ever comes from
 * storage or postMessage. @font-face rules use font-display: swap and the
 * browser downloads only the face that is actually selected.
 */
html[data-yume-site-font="system"] {
  --yume-site-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html[data-yume-site-font="arial"] {
  --yume-site-font-family: "YumeArial", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

html[data-yume-site-font="segoe"] {
  --yume-site-font-family: "YumeSegoeUI", "Segoe UI", Arial, sans-serif;
}

html[data-yume-site-font="verdana"] {
  --yume-site-font-family: "YumeVerdana", Verdana, Arial, sans-serif;
}

html[data-yume-site-font="tahoma"] {
  --yume-site-font-family: "YumeTahoma", Tahoma, Arial, sans-serif;
}

html[data-yume-site-font="trebuchet"] {
  --yume-site-font-family: "Trebuchet MS", "YumeArial", Arial, sans-serif;
}

html[data-yume-site-font="times"] {
  --yume-site-font-family: "YumeTimesNewRoman", "Times New Roman", "YumeNotoSerif", Georgia, serif;
}

html[data-yume-site-font="georgia"] {
  --yume-site-font-family: "YumeGeorgia", Georgia, "Times New Roman", serif;
}

html[data-yume-site-font="palatino"] {
  --yume-site-font-family: "YumePalatino", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

html[data-yume-site-font="notoSans"] {
  --yume-site-font-family: "YumeNotoSans", "Noto Sans", Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="notoSerif"] {
  --yume-site-font-family: "YumeNotoSerif", "YumeNotoSerifAlt", "Noto Serif", "Times New Roman", Georgia, serif;
}

html[data-yume-site-font="roboto"] {
  --yume-site-font-family: Roboto, "YumeNotoSans", Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="openSans"] {
  --yume-site-font-family: "YumeOpenSans", "Open Sans", Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="inter"] {
  --yume-site-font-family: "YumeInter", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-yume-site-font="lato"] {
  --yume-site-font-family: "YumeLato", Lato, Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="montserrat"] {
  --yume-site-font-family: "YumeMontserrat", Montserrat, Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="sourceSans"] {
  --yume-site-font-family: "YumeSourceSans", "Source Sans Pro", Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="nunito"] {
  --yume-site-font-family: "YumeNunito", Nunito, Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="quicksand"] {
  --yume-site-font-family: "YumeQuicksand", Quicksand, Arial, "Segoe UI", sans-serif;
}

html[data-yume-site-font="merriweather"] {
  --yume-site-font-family: "YumeMerriweather", Merriweather, Georgia, "Times New Roman", serif;
}

html[data-yume-site-font="courier"] {
  --yume-site-font-family: "YumeCourierNew", "Courier New", Consolas, monospace;
}

html[data-yume-site-font="consolas"] {
  --yume-site-font-family: "YumeConsolas", Consolas, "Courier New", monospace;
}

html[data-yume-site-font]:not([data-yume-site-font=""]) body,
html[data-yume-site-font]:not([data-yume-site-font=""]) #header,
html[data-yume-site-font]:not([data-yume-site-font=""]) #nav,
html[data-yume-site-font]:not([data-yume-site-font=""]) #nav2 .title,
html[data-yume-site-font]:not([data-yume-site-font=""]) #body-wrap,
html[data-yume-site-font]:not([data-yume-site-font=""]) #movie-hot,
html[data-yume-site-font]:not([data-yume-site-font=""]) #sign .bookmark ul li,
html[data-yume-site-font]:not([data-yume-site-font=""]) #chart li,
html[data-yume-site-font]:not([data-yume-site-font=""]) #chart .st,
html[data-yume-site-font]:not([data-yume-site-font=""]) .block .blocktitle .title,
html[data-yume-site-font]:not([data-yume-site-font=""]) .block .blocktitle .title a,
html[data-yume-site-font]:not([data-yume-site-font=""]) #movie-update .blocktitle .title,
html[data-yume-site-font]:not([data-yume-site-font=""]) #movie-update .blocktitle .icon,
html[data-yume-site-font]:not([data-yume-site-font=""]) #movie-update .btn,
html[data-yume-site-font]:not([data-yume-site-font=""]) .breadcrumbs .item,
html[data-yume-site-font]:not([data-yume-site-font=""]) #page-info .blockbody,
html[data-yume-site-font]:not([data-yume-site-font=""]) #page-info .tags,
html[data-yume-site-font]:not([data-yume-site-font=""]) #comment .tabs .tab,
html[data-yume-site-font]:not([data-yume-site-font=""]) .comment-form .message,
html[data-yume-site-font]:not([data-yume-site-font=""]) ul.list-film li .status,
html[data-yume-site-font]:not([data-yume-site-font=""]) .more a,
html[data-yume-site-font]:not([data-yume-site-font=""]) .video-page .blocktitle .tabs .tab,
html[data-yume-site-font]:not([data-yume-site-font=""]) .video-page .info .title,
html[data-yume-site-font]:not([data-yume-site-font=""]) h1,
html[data-yume-site-font]:not([data-yume-site-font=""]) h2,
html[data-yume-site-font]:not([data-yume-site-font=""]) h3,
html[data-yume-site-font]:not([data-yume-site-font=""]) h4,
html[data-yume-site-font]:not([data-yume-site-font=""]) h5,
html[data-yume-site-font]:not([data-yume-site-font=""]) h6,
html[data-yume-site-font]:not([data-yume-site-font=""]) p,
html[data-yume-site-font]:not([data-yume-site-font=""]) a:not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon):not(.material-icons):not(.material-icons-round),
html[data-yume-site-font]:not([data-yume-site-font=""]) li:not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon):not(.material-icons):not(.material-icons-round),
html[data-yume-site-font]:not([data-yume-site-font=""]) label,
html[data-yume-site-font]:not([data-yume-site-font=""]) legend,
html[data-yume-site-font]:not([data-yume-site-font=""]) summary,
html[data-yume-site-font]:not([data-yume-site-font=""]) blockquote {
  font-family: var(--yume-site-font-family) !important;
}

html[data-yume-site-font]:not([data-yume-site-font=""]) body:not([data-yume-page="mizuiro"]) button:not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon):not(.material-icons):not(.material-icons-round),
html[data-yume-site-font]:not([data-yume-site-font=""]) body:not([data-yume-page="mizuiro"]) input,
html[data-yume-site-font]:not([data-yume-site-font=""]) body:not([data-yume-page="mizuiro"]) select,
html[data-yume-site-font]:not([data-yume-site-font=""]) body:not([data-yume-page="mizuiro"]) textarea {
  font-family: var(--yume-site-font-family) !important;
}

/*
 * Only accent tokens are personalized. Page backgrounds and text colours
 * remain controlled by the active light/dark enterprise theme.
 */
html[data-yume-panel-accent]:not([data-yume-panel-accent=""])[data-profile-theme="light"] body.setting-panel-page,
html[data-yume-panel-accent]:not([data-yume-panel-accent=""])[data-profile-theme="light"] body.setting-user-page {
  --setting-accent: var(--yume-setting-accent-light);
  --setting-accent-strong: var(--yume-setting-accent-strong-light);
  --setting-button-bg: var(--yume-setting-button-bg-light);
  --setting-button-text: var(--yume-setting-button-text-light);
  --setting-focus: var(--yume-setting-focus-light);
  --setting-nav-active: var(--yume-setting-nav-active-light);
  --setting-grid: var(--yume-setting-grid-light);
}

html[data-yume-panel-accent]:not([data-yume-panel-accent=""])[data-profile-theme="dark"] body.setting-panel-page,
html[data-yume-panel-accent]:not([data-yume-panel-accent=""])[data-profile-theme="dark"] body.setting-user-page {
  --setting-accent: var(--yume-setting-accent-dark);
  --setting-accent-strong: var(--yume-setting-accent-strong-dark);
  --setting-button-bg: var(--yume-setting-button-bg-dark);
  --setting-button-text: var(--yume-setting-button-text-dark);
  --setting-focus: var(--yume-setting-focus-dark);
  --setting-nav-active: var(--yume-setting-nav-active-dark);
  --setting-grid: var(--yume-setting-grid-dark);
}
