.theme-contrast {

  --surface-base: #161616;
  --surface-raised: #262626;
  --surface-sunken: #0d0d0d;
  --surface-inset: #000000;

  --radar-ground: var(--surface-raised);

  --line-hairline: #8c8c8c;
  --line-strong: #c4c4c4;

  --text-primary: #ffffff;
  --text-secondary: #e4e4e4;
  --text-muted: #bdbdbd;
  --text-inverse: #000000;

  --accent: #ffd400;
  --accent-quiet: #c9a600;
  --accent-contrast: #000000;

  --state-selected: #5ce6ff;
  --state-danger: #ff9d94;
  --state-ok: #219a58;
  --state-dirty: #ffb454;
  --state-review: #b0a9ff;

  --scrim: rgb(0 0 0 / 0.85);

  --canvas-bg: #000000;
  --card-bg: #262626;
  --card-line: #ededed;
  --card-line-selected: #5ce6ff;
  --card-text: #ffffff;
  --edge-stroke: #8f8f8f;
  --drop-target: #00e6a8;
  --markup-ink: #ff6a4d;
  --attach-ink: #7fe9ff;

  --shadow-raised: 0 1px 2px rgb(0 0 0 / 0.9);
  --shadow-float: 0 8px 22px rgb(0 0 0 / 0.9);
}