/* AgentDesk theme tokens (#33, #49). Dark is the default; light is data-theme="light" on <html>.
   Dark surfaces are real greys plus an olive selected/mine so a row, a bubble
   and a card outline can be told apart. Light is unchanged. */
  :root {
    --c-rail: 10 11 12;        --c-rail-fg: 158 161 169;  --c-rail-accent: 207 232 74;
    --c-list: 30 34 44;        --c-chat: 8 9 12;          --c-pane: 16 18 24;
    --c-sunken: 34 38 47;      --c-hover: 46 51 64;       --c-code: 7 8 11;
    --c-selected: 47 58 24;    --c-edge: 92 96 112;       --c-strong: 122 126 140;
    --c-free: 68 72 88;        --c-fg: 241 245 249;       --c-fg2: 203 213 225;
    --c-muted: 158 161 169;    --c-accent: 207 232 74;    --c-accent-ink: 16 17 19;
    --c-mine: 52 62 28;        --c-theirs: 38 42 52;
    --c-amber: 245 165 36;     --c-fail: 232 163 150;     --c-fail-fg: 232 163 150;
    --c-good: 52 211 153;
    /* The plate a third party's logo sits on. White in both themes on
       purpose: a brand mark is drawn for white, and AWS's near-black one
       simply disappears on a dark card. Nothing readable is ever set on it. */
    --c-chip: 255 255 255;     --c-chip-edge: 214 216 222;
    color-scheme: dark;
  }
  :root[data-theme="light"] {
    --c-rail: 21 22 26;        --c-rail-fg: 201 203 209;  --c-rail-accent: 207 232 74;
    --c-list: 241 239 233;     --c-chat: 250 249 246;     --c-pane: 255 255 255;
    --c-sunken: 244 242 236;   --c-hover: 235 232 224;    --c-code: 241 239 233;
    --c-selected: 238 244 211; --c-edge: 227 224 215;     --c-strong: 184 179 168;
    --c-free: 209 205 196;     --c-fg: 27 27 31;          --c-fg2: 58 58 64;
    --c-muted: 109 106 99;     --c-accent: 95 125 0;      --c-accent-ink: 255 255 255;
    --c-mine: 232 239 204;     --c-theirs: 255 255 255;
    --c-amber: 180 83 9;       --c-fail: 179 38 30;       --c-fail-fg: 179 38 30;
    --c-good: 47 125 50;
    --c-chip: 255 255 255;     --c-chip-edge: 224 221 213;
    color-scheme: light;
  }

/* #46: harness brand marks are single-colour SVGs drawn in black. On the dark
   theme they are inverted so they read; the light theme leaves them alone. */
.harness-icon { filter: invert(1); opacity: .85; }
:root[data-theme="light"] .harness-icon { filter: none; }
.harness-icon-on { filter: none; opacity: 1; }