/* ============================================================
   PLEX theme for Ubooquity 3 — shared base
   (linked from common/inc-header.html on every page)
   ============================================================ */

@font-face {
    font-family: "Open Sans Regular";
    font-weight: 400;
    font-style: normal;
    src: url("/theme/common/open-sans.woff") format("woff");
}
@font-face {
    font-family: "Open Sans Semibold";
    font-weight: 400;
    font-style: normal;
    src: url("/theme/common/open-sans-semibold.woff") format("woff");
}
@font-face {
    font-family: "Open Sans Bold";
    font-weight: 400;
    font-style: normal;
    src: url("/theme/common/open-sans-bold.woff") format("woff");
}

:root {
    --plex-accent:        #cc7b19;   /* signature amber */
    --plex-accent-hover:  #b56c14;
    --plex-teal:          #20b2aa;   /* secondary tile colour */
    --plex-bg:            #3f4245;   /* base behind the backdrop image */
    --plex-text:          #eeeeee;
    --plex-muted:         #9a9a9a;
    --plex-panel:         #191a1c;   /* popups / modals */
    --plex-bar:           rgba(0, 0, 0, 0.72);  /* top bar */
    --plex-tile-dark:     #23282c;
    --plex-border:        #323232;
}

html, body { height: 100%; }

body {
    margin: 0;
    background: var(--plex-bg) url("/theme/common/preset-light.png") center center / cover no-repeat fixed;
    color: var(--plex-text);
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

a { color: var(--plex-accent); text-decoration: none; }
a:hover { text-decoration: none; }

/* dark scrollbars (WebKit/Chromium) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.18); border-radius: 5px; }
::-webkit-scrollbar-track { background: transparent; }