/*
 * Element's current design tokens.
 *
 * Five hundred and twelve of these drive everything the modern component
 * library draws, and the theme file's own "compound" block does not reach them
 * in this build. So they are set here instead, on every scope Element uses, and
 * marked important because Element's theme stylesheet is injected at runtime
 * and would otherwise be the last word.
 */
:root,
body,
body.cpd-theme-dark,
body.cpd-theme-light,
.cpd-theme-dark,
.cpd-theme-light {
  --cpd-color-bg-canvas-default: #171a1c !important;
  --cpd-color-bg-canvas-default-level-1: #1d2023 !important;
  --cpd-color-bg-canvas-disabled: #1d2023 !important;
  --cpd-color-bg-subtle-primary: #23262a !important;
  --cpd-color-bg-subtle-secondary: #1d2023 !important;
  --cpd-color-text-primary: #e7e8e9 !important;
  --cpd-color-text-secondary: #c0c5c9 !important;
  --cpd-color-text-action-accent: #dea57a !important;
  --cpd-color-text-action-primary: #e7e8e9 !important;
  --cpd-color-text-on-solid-primary: #331700 !important;
  --cpd-color-text-critical-primary: #d97066 !important;
  --cpd-color-text-badge-accent: #dea57a !important;
  --cpd-color-icon-primary: #e7e8e9 !important;
  --cpd-color-icon-secondary: #c0c5c9 !important;
  --cpd-color-icon-accent-primary: #dea57a !important;
  --cpd-color-icon-critical-primary: #d97066 !important;
  --cpd-color-bg-accent-rest: #dea57a !important;
  --cpd-color-bg-accent-hovered: #e9b691 !important;
  --cpd-color-bg-action-primary-rest: #dea57a !important;
  --cpd-color-bg-action-primary-hovered: #e9b691 !important;
  --cpd-color-bg-action-primary-pressed: #cf9469 !important;
  --cpd-color-bg-action-primary-disabled: #2c3135 !important;
  --cpd-color-bg-action-secondary-hovered: #2c3135 !important;
  --cpd-color-bg-action-secondary-pressed: #383e43 !important;
  --cpd-color-bg-action-tertiary-rest: #23262a !important;
  --cpd-color-bg-action-tertiary-hovered: #2c3135 !important;
  --cpd-color-border-interactive-primary: #434a51 !important;
  --cpd-color-border-interactive-secondary: #343a40 !important;
  --cpd-color-border-accent-primary: #dea57a !important;
  --cpd-color-border-focused: #dea57a !important;
  --cpd-color-border-disabled: #343a40 !important;
  --cpd-color-border-critical-primary: #d97066 !important;
  --cpd-color-bg-critical-primary: #d97066 !important;
  --cpd-color-bg-critical-subtle: #2a1c1b !important;
  --cpd-color-bg-success-subtle: #1b2a22 !important;
  --cpd-color-bg-info-subtle: #1d2023 !important;
  --cpd-color-text-decorative-1: #e36e78 !important;
  --cpd-color-text-decorative-2: #ffb591 !important;
  --cpd-color-text-decorative-3: #c5c24b !important;
  --cpd-color-text-decorative-4: #7be8c8 !important;
  --cpd-color-text-decorative-5: #01ebeb !important;
  --cpd-color-text-decorative-6: #18a3c6 !important;
}