/* import of needed missive css. see missive css description https://integrations.missiveapp.com/styleguide/#CSS_Variables  fore more information */
:root {
  --iom-font-size: var(--missive-font-size);
  --iom-border-radius: var(--missive-border-radius);
  --iom-text-color-a: var(--missive-text-color-a);
  --iom-text-color-b: var(--missive-text-color-b);
  --iom-text-color-c: var(--missive-text-color-c);
  --iom-text-color-d: var(--missive-text-color-d);
  --iom-text-color-e: var(--missive-text-color-e);
  --iom-blue-color: var(--missive-blue-color);
  --iom-light-blue-color: var(--missive-light-blue-color);
  --iom-orange-color: var(--missive-orange-color);
  --iom-light-orange-color: var(--missive-light-orange-color);
  --iom-green-color: var(--missive-green-color);
  --iom-red-color: var(--missive-red-color);
  --iom-yellow-color: var(--missive-yellow-color);
  --iom-border-color: var(--missive-border-color);
  --iom-light-border-color: var(--missive-light-border-color);
  --iom-token-background-color: var(--missive-token-background-color);
  --iom-conversation-list-border-color: var(
    --missive-conversation-list-border-color
  );
  --iom-conversation-list-background-color: var(
    --missive-conversation-list-background-color
  );
  --iom-conversations-separator-opacity: var(
    --missive-conversations-separator-opacity
  );
  --iom-background-color: var(--missive-background-color);
  --iom-light-active-color: var(--missive-light-active-color);
  --iom-section-shadow-width: var(--missive-section-shadow-width);
  --iom-section-shadow-color: var(--missive-section-shadow-color);
  --iom-file-background-color: #f6f3f1;
}

/* from current missive web ui inherited */

html[data-theme="dark"] .iom-button {
  background-color: rgba(21 22 23 85%);
  box-shadow: 0 0 0 1px rgba(222 222 221 5%);
}

html[data-theme="light"] .iom-button {
  background-color: rgba(255 255 255 85%);
  box-shadow: 0 0 0 1px rgba(52 54 58 5%);
  color: var(--missive-text-color-a);
}

html[data-theme="dark"] .control-text-color {
  color: var(--missive-text-color-e);
}
