/* teamSelf over Chatwoot — generated by brand/build.mjs. Do not edit.
 *
 * Mounted read-only at /app/public/brand-assets/theme.css and linked from the
 * dashboard layout, so it is neither committed into the fork nor merged with
 * upstream: a release changes Chatwoot's components, not this file.
 */
/* body.dark, not html.dark and not plain .dark.
 *
 * The reasoning behind html.dark was right and the element was wrong. Chatwoot
 * declares its own dark tokens under .dark, specificity (0,1,0), so a bare
 * .dark of ours would win or lose on source order — and route chunks load
 * after this file. One element more makes it (0,1,1) and the cascade stops
 * being a race.
 *
 * But the DASHBOARD puts the class on BODY: themeHelper.js does
 * document.body.classList.add('dark'). html.dark exists in Chatwoot — in v3
 * (the login app) and in the help-centre portal, both of which use
 * documentElement — and that is why the sign-in screen looked themed while the
 * inbox behind it was not. Under html.dark this entire file matched nothing in
 * the dashboard: the neutral ramp, the teal accent, every surface. The only
 * thing that had actually recoloured the inbox was the part compiled into the
 * image, which is why half the theme appeared to arrive and half did not.
 */
body.dark {
  --slate-1: 11 13 16;
  --slate-2: 14 17 22;
  --slate-3: 20 23 28;
  --slate-4: 25 29 36;
  --slate-5: 30 35 43;
  --slate-6: 38 43 52;
  --slate-7: 47 53 64;
  --slate-8: 61 69 83;
  --slate-9: 97 106 120;
  --slate-10: 111 120 135;
  --slate-11: 139 147 161;
  --slate-12: 230 233 239;

  /* The accent. This is the colour a person actually looks at. */
  --blue-1: 12 20 19;
  --blue-2: 15 27 26;
  --blue-3: 12 43 40;
  --blue-4: 4 58 53;
  --blue-5: 10 71 65;
  --blue-6: 18 86 79;
  --blue-7: 24 104 96;
  --blue-8: 28 125 114;
  --blue-9: 13 148 136;
  --blue-10: 18 165 148;
  --blue-11: 94 234 212;
  --blue-12: 184 245 230;
  --text-blue: 184 245 230;
  --solid-blue: 4 58 53;
  --solid-blue-2: 12 43 40;
  --border-blue: 13, 148, 136, 0.5;
  /* Upstream leaves this one solid rather than translucent, and it was the
     last blue on screen after the rest of the family moved: the ramp is ours
     from 1 to 12, but a variable we never emit keeps Chatwoot's own value. */
  --border-blue-strong: 28 125 114;

  /* Surfaces. Ground darkest, panes above it — the console's polarity. */
  --background-color: 11 13 16;
  --surface-1: 20 23 28;
  --surface-2: 25 29 36;
  --surface-active: 38 43 52;
  --border-strong: 47 53 64;

  /* Cards, buttons and labels sit on a panel, not on their own grey. */
  --slate-6: 47 53 64;
  --card-color: 20 23 28;
  --button-color: 30 35 43;
  --label-background: 30 35 43;

  /* Popovers and hovers, expressed against the same ramp so an overlay is the
     panel with the page showing through rather than a fourth grey. */
  --alpha-1: 20, 23, 28, 0.86;
  --alpha-2: 139, 147, 161, 0.1;
  --alpha-3: 20, 23, 28, 0.96;
  --overlay: 0, 0, 0, 0.55;
}