:root {
  color-scheme: dark;
  --brand-canvas: #0b0f14;
  --brand-surface: #121821;
  --brand-surface-raised: #19222e;
  --brand-field: #080a10;
  --brand-media-canvas: #000000;
  --brand-hairline: #293544;
  --brand-text: #f4f7f8;
  --brand-text-muted: #9ca8b8;
  --brand-signal: #35e6b1;
  --brand-connection: #5b8cff;
  --brand-warning: #f4b860;
  --brand-danger: #ff6b7a;
  --brand-on-accent: #07120f;
  --brand-focus: #ffffff;
  --brand-overlay: #05060acc;
  --brand-overlay-solid: #05060a;
  --brand-scrim: #00000099;
  --brand-shadow: #00000080;
  --brand-shadow-strong: #000000cc;
}