/* CSS counterpart of packages/design-system/tokens/brand.ts. */
:root {
  --s2-brand: #df1b24;
  --s2-brand-pressed: #b9141c;
  --s2-brand-wash: #fff0f0;
  --s2-ink: #272a33;
  --s2-body: #424956;
  --s2-muted: #737c8c;
  --s2-canvas: #f6f7f9;
  --s2-surface: #ffffff;
  --s2-surface-soft: #f1f3f6;
  --s2-border: #e1e5eb;
  --s2-success: #398267;
  --s2-warning: #a76d18;
}

#app[data-theme="dark"] {
  --s2-ink: #eef1f7;
  --s2-body: #c3cbda;
  --s2-muted: #9ba7ba;
  --s2-canvas: #121722;
  --s2-surface: #1b2331;
  --s2-surface-soft: #222d3e;
  --s2-border: #344155;
}