/* Classic Slack (2019 to 2023). Study copy for our team, not for shipping; Slack's design belongs to Slack.
   Slack's current stylesheet (slack-tokens.css) no longer carries the classic frame, so these values are MEASURED
   from Slack's own pictures, pixel by pixel:
   - light: Slack Help Center "Quick start" screenshot (archived 2021-2023), Aubergine theme, shown at 2x;
   - dark:  Slack Engineering blog "Building dark mode on desktop" screenshot (Sept 2019), the real classic dark theme.
   Translucent values (rgba) were worked out from the measured colour over its background, e.g. sidebar text
   #d8cfd9 on #3e103f = white at 80%. */

/* ---------- light: Aubergine theme (measured) ---------- */
:root, .slc-light {
  --slc-top-nav: #2b092b;                       /* top bar */
  --slc-top-nav-line: #462946;
  --slc-top-icon: rgba(255, 255, 255, .8);
  --slc-top-icon-off: rgba(255, 255, 255, .4);  /* "forward" when there is nowhere to go */
  --slc-search-bg: #593c5a;                     /* white ~22% over the top bar */
  --slc-search-text: #c3b9c4;
  --slc-rail: #2b092b;                          /* workspace switcher (2019 layout) */
  --slc-column: #3e103f;                        /* sidebar, Slack's "Column BG" */
  --slc-column-line: #512752;
  --slc-column-text: rgba(255, 255, 255, .8);
  --slc-column-text-dim: rgba(255, 255, 255, .6);
  --slc-column-text-strong: #fff;               /* unread channels, team name */
  --slc-column-hover: #350d36;
  --slc-active: #1264a3;                        /* selected channel ("Active Item") */
  --slc-active-text: #fff;
  --slc-badge: #e01e5a;                         /* mention badge */
  --slc-presence: #2bac76;
  --slc-compose-bg: #fff; --slc-compose-ink: #3f0e40;
  --slc-bg: #fff;                               /* message pane */
  --slc-ink: #1d1c1d;
  --slc-ink-sec: #616061;                       /* times, secondary text */
  --slc-line: rgba(29, 28, 29, .13);            /* #e2e2e2 on white */
  --slc-hover: #f8f8f8;
  --slc-skeleton: #ebeaeb;                      /* grey "text" bars in Slack's help pictures */
  --slc-reaction: rgba(29, 28, 29, .04);        /* #f6f6f6 on white */
  --slc-reaction-mine: #e8f5fa; --slc-reaction-mine-line: #1d9bd1;
  --slc-mention: #1264a3; --slc-mention-bg: rgba(29, 155, 209, .1);
  --slc-composer-line: #d8d8d8;
  --slc-composer-tools: #f8f8f8;
  --slc-composer-icon: #aeaeae;
  --slc-placeholder: #c3c3c3;
  --slc-card-line: #e2e2e2;
}

/* ---------- dark: Slack's classic dark theme (measured from the 2019 dark screenshot) ---------- */
.slc-dark {
  --slc-top-nav: #121016;                       /* ours: the 2019 layout had no top bar; a step darker than the sidebar */
  --slc-top-nav-line: #2d2c31;
  --slc-top-icon: rgba(255, 255, 255, .8);
  --slc-top-icon-off: rgba(255, 255, 255, .4);
  --slc-search-bg: #212428;                     /* measured: search box */
  --slc-search-text: #9a9b9d;
  --slc-rail: #0b0a0d;                          /* measured: workspace switcher */
  --slc-column: #19171d;                        /* measured: sidebar */
  --slc-column-line: #2d2c31;                   /* measured: sidebar edge */
  --slc-column-text: rgba(209, 210, 211, .9);
  --slc-column-text-dim: rgba(209, 210, 211, .6);
  --slc-column-text-strong: #fff;
  --slc-column-hover: #27242c;
  --slc-active: #0576b9;                        /* measured: selected channel */
  --slc-active-text: #fff;
  --slc-badge: #e01e5a;
  --slc-presence: #2bac76;
  --slc-compose-bg: #d1d2d3; --slc-compose-ink: #19171d;
  --slc-bg: #1a1d21;                            /* measured: message pane */
  --slc-ink: #d1d2d3;                           /* measured: message text */
  --slc-ink-sec: #ababad;                       /* measured: times */
  --slc-line: #333639;                          /* measured: header line */
  --slc-hover: #222529;
  --slc-skeleton: #2c2d30;                      /* ours: grey bars only exist in the light help picture */
  --slc-reaction: #222529;                      /* measured: reaction pill */
  --slc-reaction-mine: #0b3a5a; --slc-reaction-mine-line: #1d9bd1;
  --slc-mention: #1d9bd1; --slc-mention-bg: rgba(29, 155, 209, .1);
  --slc-composer-line: #595b5e;                 /* measured */
  --slc-composer-tools: #222529;
  --slc-composer-icon: #9a9b9d;
  --slc-placeholder: #7c7e80;
  --slc-card-line: #3a3d41;
}