@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
/* transformers.tv Autobot reskin for the forums.transformers.tv Discourse content area.
   Loaded via the master login theme head_tag AFTER theme CSS so it wins. */
:root:root{
  --tc-ink:#050a14; --tc-ink-2:#0a1322; --tc-ink-3:#0f1b2e; --tc-ink-4:#142640;
  --tc-bone:#dde6f0; --tc-fg-2:#8c9fb8; --tc-fg-3:#4c5d74;
  --tc-gold:#3fd8ff; --tc-gold-hi:#9be9ff; --tc-gold-lo:#1a8aad;
  --tc-line-gold:rgba(63,216,255,0.32); --tc-line-gold-hi:rgba(63,216,255,0.55);
  --tc-red:#e21a1a; --tc-red-hi:#ff5b43; --tc-steel:#8c9fb8; --tc-card-bg:rgba(10,19,34,0.62);
  --tc-display:'Orbitron','Inter Tight',sans-serif; --tc-wordmark:'Orbitron',sans-serif;
  --tc-ui:'Inter Tight',system-ui,sans-serif; --tc-body:'Inter Tight',system-ui,sans-serif;
  --tc-mono:'JetBrains Mono',ui-monospace,monospace;
}
:root:root{
  --secondary:#050a14; --secondary-rgb:5,10,20; --secondary-very-high:#142640;
  --secondary-high:#0f1b2e; --secondary-medium:#0a1322; --secondary-low:#0a1322; --secondary-very-low:#08111c;
  --primary:#dde6f0; --primary-rgb:221,230,240; --primary-very-low:#0f1b2e; --primary-low:#142640;
  --primary-low-mid:#5a6b84; --primary-medium:#8c9fb8; --primary-high:#c2cbe6;
  --tertiary:#3fd8ff; --tertiary-rgb:63,216,255; --tertiary-low:#0f2740; --tertiary-medium:#1a8aad;
  --tertiary-high:#9be9ff; --tertiary-hover:#9be9ff;
  --quaternary:#3fd8ff; --quaternary-rgb:63,216,255;
  --highlight:#3fd8ff; --highlight-low:rgba(63,216,255,0.12); --highlight-medium:rgba(63,216,255,0.25); --highlight-high:#9be9ff;
  --header_background:#06070d; --header_primary:#dde6f0; --love:#e21a1a; --danger:#e21a1a; --success:#3da35d;
}
.sidebar-section-header-text{color:var(--tc-steel)!important;font-family:var(--tc-ui)!important;letter-spacing:.12em}
.sidebar-section-link.active,.sidebar-section-link:hover{color:var(--tc-gold)}
.welcome-banner__title{font-family:var(--tc-wordmark)!important;color:var(--tc-bone)!important;text-transform:uppercase}
.nav-pills>li>a.active{color:var(--tc-gold)}
.topic-list,.category-list,.latest-topic-list,.topic-list-item,.category-list-item{background:transparent}
.btn-primary{background:linear-gradient(180deg,#9be9ff,#3fd8ff)!important;border-color:#3fd8ff!important;color:#04121c!important}
.btn-primary:hover{background:linear-gradient(180deg,#c7f2ff,#9be9ff)!important}
body,.cooked,.topic-body{font-family:var(--tc-body)}
h1,h2,h3,.title,.topic-title{font-family:var(--tc-display);text-transform:uppercase}

/* ── Decepticon faction overrides — toggled by html[data-faction] from nav.js.
   Mirrors the autobot :root:root block above with the Decepticon HUD palette
   (purple + threat red + Chakra Petch), matching TVLayout's faction system so
   the toggle reskins the whole forum, not just the nav bar. ── */
html[data-faction="decepticon"]:root:root{
  --tc-ink:#0a040c; --tc-ink-2:#140817; --tc-ink-3:#1d0c22; --tc-ink-4:#2a1336;
  --tc-bone:#ebe6f0; --tc-fg-2:#a094b0; --tc-fg-3:#5e526c;
  --tc-gold:#a855f7; --tc-gold-hi:#cda7ff; --tc-gold-lo:#6b21a8;
  --tc-line-gold:rgba(168,85,247,0.32); --tc-line-gold-hi:rgba(168,85,247,0.55);
  --tc-red:#ff2e3e; --tc-red-hi:#ff6b78; --tc-steel:#a094b0; --tc-card-bg:rgba(20,8,23,0.62);
  --tc-display:'Chakra Petch','Share Tech Mono',sans-serif; --tc-wordmark:'Chakra Petch',sans-serif;
  --tc-ui:'Chakra Petch','Inter Tight',system-ui,sans-serif; --tc-body:'Inter Tight',system-ui,sans-serif;
  --tc-mono:'Share Tech Mono','JetBrains Mono',ui-monospace,monospace;
}
html[data-faction="decepticon"]:root:root{
  --secondary:#0a040c; --secondary-rgb:10,4,12; --secondary-very-high:#2a1336;
  --secondary-high:#1d0c22; --secondary-medium:#140817; --secondary-low:#140817; --secondary-very-low:#08040a;
  --primary:#ebe6f0; --primary-rgb:235,230,240; --primary-very-low:#1d0c22; --primary-low:#2a1336;
  --primary-low-mid:#6a5c7a; --primary-medium:#a094b0; --primary-high:#cdc4d8;
  --tertiary:#a855f7; --tertiary-rgb:168,85,247; --tertiary-low:#2a1240; --tertiary-medium:#6b21a8;
  --tertiary-high:#cda7ff; --tertiary-hover:#cda7ff;
  --quaternary:#a855f7; --quaternary-rgb:168,85,247;
  --highlight:#a855f7; --highlight-low:rgba(168,85,247,0.12); --highlight-medium:rgba(168,85,247,0.25); --highlight-high:#cda7ff;
  --header_background:#0a040c; --header_primary:#ebe6f0; --love:#ff2e3e; --danger:#ff2e3e; --success:#3da35d;
}
html[data-faction="decepticon"] .btn-primary{background:linear-gradient(180deg,#cda7ff,#a855f7)!important;border-color:#a855f7!important;color:#1a0726!important}
html[data-faction="decepticon"] .btn-primary:hover{background:linear-gradient(180deg,#e3ccff,#cda7ff)!important}