/* JobDNA theme tokens. The Build Explorer's palette, in Light and Dark, shared by all four JobDNA
 * sites. Each site maps its own colour variables onto these --j-* tokens, so one switch on
 * <html data-theme> recolours every page. Canonical copy: ~/JobDNA/theme/. A copy lives in
 * ~/tga-api/dashboard/theme/ — change both. */
:root{color-scheme:light;
--j-bg:#F6F8FB;--j-surface:#fff;--j-raised:#EEF2F7;--j-sunk:#F1F4F8;--j-ink:#1B2433;--j-strong:#0E1A3D;
--j-muted:#5B6678;--j-line:#E3E6EA;--j-line2:#CFD5DD;--j-primary:#305DBC;--j-secondary:#00B2FF;
--j-code:#9A6415;--j-onaccent:#fff;--j-green:#1E7543;--j-amber:#B7791F;--j-red:#C62F3B;--j-grey:#5F6A78;
--j-greenbg:#E7F5EC;--j-amberbg:#FDF3E1;--j-redbg:#FDECEE;--j-bluebg:#EAF0FB;--j-greybg:#EFF1F4;
--j-glass:rgba(255,255,255,.95);--j-overlay:rgba(14,26,61,.45);--j-hover:rgba(48,93,188,.07);
--j-hover2:rgba(48,93,188,.13);--j-shadow:0 24px 70px rgba(14,26,61,.22)}
:root[data-theme="dark"]{color-scheme:dark;
--j-bg:#0B111C;--j-surface:#141C2B;--j-raised:#1B2436;--j-sunk:#0E1522;--j-ink:#E3E8F0;--j-strong:#fff;
--j-muted:#9AA5B6;--j-line:#2A3450;--j-line2:#3A4660;--j-primary:#6A93EC;--j-secondary:#33C1FF;
--j-code:#E2A64E;--j-onaccent:#0B111C;--j-green:#4FC283;--j-amber:#E2A64E;--j-red:#F07079;--j-grey:#A3ADBB;
--j-greenbg:#16301F;--j-amberbg:#3A2B14;--j-redbg:#3B1D24;--j-bluebg:#1A2747;--j-greybg:#1F2735;
--j-glass:rgba(11,17,28,.95);--j-overlay:rgba(4,7,12,.72);--j-hover:rgba(106,147,236,.08);
--j-hover2:rgba(106,147,236,.16);--j-shadow:0 24px 70px rgba(0,0,0,.6)}
/* The Light/Dark button at the right of every Sites bar, and the logo at its left. */
.jt-btn{margin-left:auto;display:inline-flex;align-items:center;border:1px solid var(--j-line);background:var(--j-surface);
color:var(--j-ink);border-radius:999px;padding:3px 12px;font:600 12.5px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
cursor:pointer;white-space:nowrap}
.jt-btn:hover,.jt-btn:focus-visible{border-color:var(--j-primary);color:var(--j-primary)}
.jt-btn:focus-visible{outline:2px solid var(--j-secondary);outline-offset:1px}
.jt-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;padding:3px 5px;border-radius:8px;
background:#fff;border:1px solid var(--j-line);flex:0 0 auto;box-sizing:border-box}
.jt-logo img{display:block;width:100%;height:100%;object-fit:contain}