/* The one palette of ops.titansmediagroup.com, in two themes (Connor 2026-10-25: "the option in settings
   for people using the dashboard to be able to toggle between dark or light", "colors should just be dark
   and light not blue"). Dark is the Cursor dashboard look: near black canvas, dark grey cards, white the one
   accent. Light is its white and light grey mirror. Every page's own tokens point at these, so a page never
   names a colour itself. The switch is data-theme on <html>: functions/_middleware.js puts a one line script
   at the top of every page that reads localStorage ops.theme before anything paints, and /theme.js draws the
   Settings popover on the sidebar user block. The same palette block sits in
   titans-ops/scripts/titans_style/ops-style.css for the pages the generators build (the test keeps them equal). */
/*TMG_PALETTE_START*/
:root{
  --tmg-canvas:#0a0a0a; --tmg-card:#141414; --tmg-band:#111111; --tmg-raised:#1f1f1f; --tmg-raised-2:#2a2a2a;
  --tmg-line:#232323; --tmg-line-2:#2e2e2e; --tmg-line-3:#333333;
  --tmg-text:#ededed; --tmg-muted:#a1a1a1; --tmg-faint:#6f6f6f;
  --tmg-accent:#ffffff; --tmg-accent-ink:#0a0a0a; --tmg-accent-hover:#e6e6e6; --tmg-white:#ffffff;
  --tmg-ok:#4ade80; --tmg-warn:#e0b64a; --tmg-bad:#f07171;
  --tmg-text-rgb:237,237,237; --tmg-ok-rgb:74,222,128; --tmg-warn-rgb:224,182,74; --tmg-bad-rgb:240,113,113;
  color-scheme:dark;
}
html[data-theme="light"]{
  --tmg-canvas:#ffffff; --tmg-card:#f5f5f5; --tmg-band:#f8f8f8; --tmg-raised:#ebebeb; --tmg-raised-2:#e0e0e0;
  --tmg-line:#e5e5e5; --tmg-line-2:#dcdcdc; --tmg-line-3:#d0d0d0;
  --tmg-text:#0a0a0a; --tmg-muted:#5f5f5f; --tmg-faint:#8c8c8c;
  --tmg-accent:#0a0a0a; --tmg-accent-ink:#ffffff; --tmg-accent-hover:#2a2a2a; --tmg-white:#ffffff;
  --tmg-ok:#15803d; --tmg-warn:#a16207; --tmg-bad:#dc2626;
  --tmg-text-rgb:10,10,10; --tmg-ok-rgb:21,128,61; --tmg-warn-rgb:161,98,7; --tmg-bad-rgb:220,38,38;
  color-scheme:light;
}
/*TMG_PALETTE_END*/

/* The white lockup and white logos read as black on the light theme. */
html[data-theme="light"] img[src*="lockup-white"],
html[data-theme="light"] img[src*="-white"]{filter:invert(1)}

/* The Settings popover, opened from the user block at the bottom of the sidebar. */
.me.tmg-me{cursor:pointer;border-radius:8px;user-select:none}
.me.tmg-me:hover{background:var(--tmg-raised)}
.tmg-chev{margin-left:auto;flex:none;display:inline-flex;color:var(--tmg-faint)}
.tmg-chev svg{width:14px;height:14px;display:block}
body.navmini .tmg-chev{display:none}
.tmg-pop{position:fixed;z-index:95;min-width:228px;background:var(--tmg-card);border:1px solid var(--tmg-line-2);border-radius:12px;
  padding:6px;box-shadow:0 12px 36px rgba(0,0,0,.35);font:14px -apple-system,BlinkMacSystemFont,"Inter","SF Pro Text",system-ui,"Segoe UI",Roboto,Arial,sans-serif;color:var(--tmg-text)}
.tmg-pop .tmg-h{font-size:12px;color:var(--tmg-faint);padding:6px 10px 4px}
.tmg-pop .tmg-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 10px;border-radius:8px}
.tmg-seg{display:inline-flex;background:var(--tmg-raised);border:1px solid var(--tmg-line);border-radius:999px;padding:2px;gap:2px}
.tmg-seg button{font:inherit;font-size:12.5px;color:var(--tmg-muted);background:none;border:0;border-radius:999px;padding:4px 11px;cursor:pointer;white-space:nowrap}
.tmg-seg button:hover{color:var(--tmg-text)}
.tmg-seg button.on{background:var(--tmg-accent);color:var(--tmg-accent-ink)}
@media (max-width:760px){
  body.menuopen nav .me{display:flex !important;border-top:1px solid var(--tmg-line);padding:14px 8px}
}