@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;800&display=swap');
html.tm-midnight { --bg:#070d1f; --bg-card:#0e1834; --bg-elev:#16234a; --border:#1d2c5c; --text:#e6ecff; --text-dim:#99a8d6; --text-muted:#64739f; --accent:#3d8bff; --accent-hover:#6aa6ff; --radius:8px; --tm-on-accent:#fff; --tm-font:'Sora',sans-serif; --tm-font-head:'Sora',sans-serif; --tm-hdr-bg:#050a18; --tm-nav-bg:#070d1f; --tm-logo-size:20px; --tm-h2-size:13px; --tm-h2-case:uppercase; --tm-h2-ls:.14em; --tm-heading:#99a8d6; --tm-nav-hover-bg:#3d8bff; --tm-nav-hover-text:#fff; --tm-badge-bg:#3d8bff; }
html.tm-midnight .logo::before { content: "●"; color: #ffd166; margin-right: 8px; font-size: .7em; vertical-align: middle; }
html.tm-midnight .video-card .thumb-wrap::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 2px transparent; border-radius: inherit; transition: box-shadow .2s; }
html.tm-midnight .video-card:hover .thumb-wrap::after { box-shadow: inset 0 0 0 2px #3d8bff; }