/* SKYNET brand kit: one lockup for every site. Source of truth: ~/projects/skynet-brand (run sync.sh after editing). Usage: SKYNETCOMMAND CENTER Size it with font-size on .sk-brand; everything scales with it. Add .sk-brand--stack for the mark above the text (login pages, splash). */ @font-face{font-family:'Terminator';src:url('terminator.woff2') format('woff2'),url('terminator.woff') format('woff');font-weight:400;font-style:normal;font-display:swap} .sk-brand{display:inline-flex;align-items:center;gap:.55em;text-decoration:none;line-height:1;white-space:nowrap;color:inherit} .sk-brand .sk-mark{height:1.6em;width:auto;display:block;filter:drop-shadow(0 0 .35em rgba(255,40,40,.55))} .sk-brand .sk-name{font-family:'Terminator','Michroma','Orbitron',sans-serif;font-size:1em;letter-spacing:.06em;color:#fff;text-shadow:0 0 .6em rgba(255,40,40,.55),0 .06em 0 rgba(0,0,0,.9);text-transform:uppercase} .sk-brand .sk-sub{font-family:'Terminator','Michroma','Orbitron',sans-serif;font-size:.58em;letter-spacing:.14em;color:#FF4444;text-shadow:0 0 .6em rgba(255,40,40,.45);text-transform:uppercase;padding-left:.7em;border-left:1px solid rgba(255,68,68,.5)} .sk-brand--stack{flex-direction:column;gap:.35em;text-align:center} .sk-brand--stack .sk-mark{height:3.2em} .sk-brand--stack .sk-sub{border-left:0;padding-left:0;font-size:.5em;letter-spacing:.3em} .sk-brand--pulse .sk-mark{animation:skpulse 4s ease-in-out infinite} @keyframes skpulse{0%,100%{filter:drop-shadow(0 0 .3em rgba(255,40,40,.5))}50%{filter:drop-shadow(0 0 .7em rgba(255,60,60,.85))}} /* light backgrounds (skynetprecon light theme) */ html[data-theme="light"] .sk-brand .sk-name{color:#151515;text-shadow:none} html[data-theme="light"] .sk-brand .sk-sub{color:#B71C1C;text-shadow:none;border-left-color:rgba(183,28,28,.4)} html[data-theme="light"] .sk-brand .sk-mark{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))} html[data-theme="light"] .sk-brand--pulse .sk-mark{animation:none} /* OS-level light mode on sites that follow it (skynet1chatbot, skynetprecon). Dark-only sites (command center) set and are untouched. */ @media (prefers-color-scheme: light){ html:not([data-theme="dark"]) .sk-brand .sk-name{color:#151515;text-shadow:none} html:not([data-theme="dark"]) .sk-brand .sk-sub{color:#B71C1C;text-shadow:none;border-left-color:rgba(183,28,28,.4)} html:not([data-theme="dark"]) .sk-brand .sk-mark{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));animation:none} }